id als variable
Ute
- javascript
Hallo!
Wer kann mir mit diesem Script weiterhelfen:
function show() {
if(document.getElementById)
document.getElementById("text1").style.display = "block";
}
function hide() {
if(document.getElementById)
document.getElementById("text1").style.display = "none";
}
<a href="../lageplan.htm" onMouseOver="javascript:show()" onMouseOut="javascript:hide()"><img src="Quadrat_blau_w.gif" alt="Lageplan" border="0" width="18" height="12"></a>
<p class="legende" id="text1" style="display:none">Lageplan</p>
Zur Zeit wird bei einem MouseOver/MouseOut der "text1" ein- und ausgeblendet. Wie kann ich für id eine variable übernehmen, so dass ich die Funktionen show und hide auch bei mehreren links nur einmal schreiben muss?
Danke!
Hallo Ute!
Zuerst:
<a href="../lageplan.htm" onMouseOver="javascript:show()" onMouseOut="javascript:hide()"><img src="Quadrat_blau_w.gif" alt="Lageplan" border="0" width="18" height="12"></a>
Das ist falsche Syntax. onmouseout/over sind als Event Handler bereits Schnittstelle zw. HTML und JavaScript, da ist es überflüssig und falsch, auch noch javascript: dahinter zu schreiben.
onmouseout="show()" onmouseover="hide()" ist richtig.
function show(id:name) {
if(document.getElementById)
document.getElementById(id_name).style.display = "block";
}
<a href="../lageplan.htm" onMouseOver="show('test1')" onMouseOut="hide('test1')"><img src="Quadrat_blau_w.gif" alt="Lageplan" border="0" width="18" height="12"></a>
Grüße,
Patrick
re!
Natürlich soll es hier nicht:
function show(id:name) {
sondern
function show(id_name)
heißen
Grüße,
Patrick
hallo Ute,
Zur Zeit wird bei einem MouseOver/MouseOut der "text1" ein- und ausgeblendet. Wie kann ich für id eine variable übernehmen, so dass ich die Funktionen show und hide auch bei mehreren links nur einmal schreiben muss?
nur sechs postings weiter (http://forum.de.selfhtml.org/?m=33984&t=6096 unten steht in meiner Antwort ein Vorschlag.
Christoph S.