Seite 1 von 3
onMouseOver und onMouseOut bei Spoiler MOD
Verfasst: 20.08.2006 18:46
von scheibenbrot
Hallo,
ich möchte dass man beim Spoiler MOD nicht auf den Button klicken muss sondern mit der Masus drüber fährt damit der Text erscheint.
Dies ist die Zeile die dafür Sorgt(orginal auf Spoiler MOD):
<input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
Das
ROTE habe ich mit
onMouseOver ausgetauscht.
Nun fährt man über den Button und der Text erscheint.
Allerdings verschwindet der Text
nicht beim verlassen des Buttons sondern beim wiederholten drüber fahren mit der Maus.
Wie kann ich das nun noch mit
onMouseOut in verbindung bringen, so dass beim verlassen des Buttons der Text verschwindet.
mfg
Verfasst: 20.08.2006 19:58
von Miriam
Warum benutzt Du nicht
?
Oder habe ich Dich jetzt falsch verstanden?
Verfasst: 20.08.2006 20:03
von scheibenbrot
Hallo,
ich denke du kennst den Spoieler MOD nicht
Deswegen birngt mir der Code gar nichts.
Im Grunde genommen hilft ihr mir gar nicht....trotzdem Danke
Verfasst: 20.08.2006 20:39
von witzigerkiller
Code: Alles auswählen
<input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="
if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide';
}
else
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show';
}
OnMouseout=this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '';">
versuchs mal so, ich kann zwar js ziemlich gut aber ich benutz es nicht jeden tag
habs nur für mich bisschen überischtlich gemacht also mit enter... und am schluss das mouseout.. try it.
Verfasst: 20.08.2006 20:42
von scheibenbrot
Hallo,
danke erstmal für die Mühe.
Am Anfang steht noch auf dem Button
Show.
Wenn man dann auf den Button geht passiert nichts. Jedoch wenn man klickt verschwindet der Text
Show.
Mehr passiert leider nicht
Verfasst: 20.08.2006 20:44
von witzigerkiller
XD im input feld steht auch noch onClick.. ersetz das nochmal.
Verfasst: 20.08.2006 20:50
von scheibenbrot
CoolKetschup hat geschrieben:Hallo,
danke erstmal für die Mühe.
Am Anfang steht noch auf dem Button
Show.
Wenn man dann auf den Button geht passiert nichts. Jedoch wenn man klickt verschwindet der Text
Show.
Mehr passiert leider nicht
Passiert genau das gleiche nur das das
Show schon verschwindet wenn man drüber fährt, vorher musste man klicken, wegen dem OnClick
Verfasst: 20.08.2006 20:52
von witzigerkiller
also ich hab da vllt was falsch verstandedn.. kannst du das nochmal kommplett erklären für mich? das ich das dann nacheinander umsetzen kann in dem kleinen snippet?
bin erstmal essen so 21:30-45 wieder da
Danke
Re: onMouseOver und onMouseOut bei Spoiler MOD
Verfasst: 20.08.2006 21:02
von scheibenbrot
CoolKetschup hat geschrieben:Hallo,
ich möchte dass man beim Spoiler MOD nicht auf den Button klicken muss sondern mit der Masus drüber fährt damit der Text erscheint.
Dies ist die Zeile die dafür Sorgt(orginal auf Spoiler MOD):
<input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
Das
ROTE habe ich mit
onMouseOver ausgetauscht.
Nun fährt man über den Button und der Text erscheint.
Allerdings verschwindet der Text
nicht beim verlassen des Buttons sondern beim wiederholten drüber fahren mit der Maus.
Wie kann ich das nun noch mit
onMouseOut in verbindung bringen, so dass beim verlassen des Buttons der Text verschwindet.
mfg
Klar kein Problem.
Also mit dem Spoiler MOD macht man mit dem BBCode
einen Button (wie eine Fußnote). Wenn man auf den Button klickt klappt der Text aus. Ich möchte es aber so haben:
Wenn fährt mit der Maus über den Button und schon klappt der Text aus.
Wenn man den Button mit der Maus verlässt soll der Text wieder einklappen.
Der Code der das veruhrsacht mit dem Button und so steht oben ja im Zitat.
Ich hoffe das war ausführlich genug
Danke für die Mühe
Verfasst: 20.08.2006 21:48
von witzigerkiller
ah ok, ich dachte du wolltest den text weghaben..lol sory
also versuchs mal damit:
Code: Alles auswählen
<input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="
if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide';
}
else
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show';
}
OnMouseout=this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'Hide'; this.innerText = ''; this.value = 'Show';">
jetzt sollte zumindestens beim drüberfahren der button weggehen.. versuch auch mal das onmouseout vor dem over zu stellen, kann sein das das vor dem hover kommen muss das man drüberfahren kann..
XD ich und was erklären ...