2012-03-29 10 views
0

ich versuche, eine Anzeige Liste mit Onmouseover zu machen() mit einigen Links, aber sie funktionieren nicht, wenn ich auf klicken:Unbrauchbare Links mit Onmouseover()

<script language="javascript"> 
function displayList() 
{ 
document.getElementById('list').innerHTML = 'More<br/><ul><li><a href="currency.php">Currency converter</a></li><li><a href="contactus.php">Contact us</a></li></ul><div id="quit" onmouseout="hideList();">Close</div>'; 
} 

function hideList() 
{ 
document.getElementById('list').innerHTML = 'More'; 
} 
</script> 
<div id="list" onmouseover="displayList();">More</div> 

Danke für Ihre Hilfe

+0

Was meinst du mit "nicht arbeiten?" Du hast ein paar nutzlose Tags, ich werde sie loswerden. –

+0

Wenn Sie im div-Element onclock statt onmouseover setzen, funktionieren die Links. Das Problem ist offensichtlich im onmouseover, aber ich bin nicht sicher, warum ... –

+1

Das click Ereignis ist verloren, weil Sie das innerHTML zurücksetzen. Aber ich kann nicht verstehen, warum ich selbst: [onmouseover gefeuert vor Klick und mouseout Ereignis?] (Http://stackoverflow.com/q/9932550/1048572) – Bergi

Antwort

1

Hier ist eine Arbeit um:

<script language="javascript"> 
function displayList() 
{ 
document.getElementById('list').setAttribute('onmouseover',''); 

document.getElementById('list').innerHTML = 'More<br/><ul><li><a href="currency.php">Currency converter</a></li><li><a href="contactus.php">Contact 

us</a></li></ul><div id="quit" onmouseout="hideList();">Close</div>'; 
} 

function hideList() 
{ 
document.getElementById('list').setAttribute('onmouseover','displayList();'); 
document.getElementById('list').innerHTML = 'More'; 
} 
</script> 
<div id="list" onmouseover="displayList();">More</div> 
+0

in Ordnung, aber jetzt kann es nicht geschlossen werden – user1301411

+0

Es schließt, aber Sie müssen Mouseout auf den "Close" -Text, unten auf der Y-Achse. Hängt davon ab, wo Sie diesen HTML-Code auf Ihrer Seite haben. Ich habe das auf einer separaten HTML-Seite versucht, und es funktioniert gut. –

Verwandte Themen