onMouseOver und onMouseOut bei Spoiler MOD

[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

[Miriam]

Warum benutzt Du nicht

Code: Alles auswählen

<input type="button" value="Show" title="Hallo Welt">

?

Oder habe ich Dich jetzt falsch verstanden?

[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

[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.

[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

[witzigerkiller]

XD im input feld steht auch noch onClick.. ersetz das nochmal.

[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

Passiert genau das gleiche nur das das Show schon verschwindet wenn man drüber fährt, vorher musste man klicken, wegen dem OnClick

[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

[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

Klar kein Problem.
Also mit dem Spoiler MOD macht man mit dem BBCode

Code: Alles auswählen

[spoiler]TEXT[/spoiler]

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

[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 ...