onMouseOver und onMouseOut bei Spoiler MOD

[scheibenbrot]

Hallo,
genauso weit war ich am Anfang des Threads auch schon...
Also wenn man über den Button fährt kommt der eingegebene Text und wenn man nochmal drüber fährt geht es werg.
Aber es soll ja beim verlassen des Buttons weg gehen

[witzigerkiller]

kann ich mir das bitte mal anschauen? ich glaube da ist das onmouseout falsch ich denke da musst du nur was beim if ändern, aber dazu müsste ich das sehen.. im orginalzustand also ohne die jetzigen änderungen..

oder du machst 2-3 screens..

einmal orginal - einmal beim klick damit ich die if abfrage besser verstehe

[scheibenbrot]

Hallo,
das das Forum noch im Bau ist und nicht gerne die URL weiter gebe, habe ich dir hier mal 3 Screens angehängt (hoffe das ist ok):
>>So sieht es aus, wenn keine Maus drüber war<<
>>So sieht es aus, wenn die Maus drüber war<<

mfg

[witzigerkiller]

Code: Alles auswählen

<input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" javascript: onmouseover = 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.value = 'Show';>

teste mal das bitte...

habs nochmal editiert

[scheibenbrot]

Hallo,
also jetzt passiert wieder gar nichts...egal was man macht.

mfg

[Pyramide]

Da man Javascript auch deaktivieren kann, würde ich das lieber mit CSS machen:

CSS:

Code: Alles auswählen

span.spoiler span {
	display:none;
}

span.spoiler:hover span {
	display:inline;
}

HTML:

Code: Alles auswählen

<span class="spoiler">Spoiler: <span>Hallo Welt</span></span>

[scheibenbrot]

Hallo,
und wo und wie muss ich das alles einfügen??

[Pyramide]

Hallo,
und wo und wie muss ich das alles einfügen??

An der Stelle, wo du bisher das Javascript eingefügt hast.

nachdem sich pyra überall einmischt bin ich mal ne weile off.. bye..

Oh entschuldigung ich habe gar nicht gesehen, daß du dir das exklusive Recht in diesem Thema reserviert hast. Ich verspreche auch hoch und heilig, dich nächstes mal um Erlaubnis zu fragen, bevor ich antworte.

[witzigerkiller]

nein sry... war nur sauer.. nie schaff ich es ganz einem zu helfen...immer kommt einer zuvor oder mit besseren antworten dazwischen

naja

[scheibenbrot]

Hallo,
pyramide, kannst du mir das mal genauer erklären?
Also da wo Hallo Welt bei dir steht, soll ja der Button hin mit dem text ect...wie muss ich das jetzt alles einfügen und so machen, dass es richitg funktioniert mit dem [spoiler].
Vielleicht kannste mir des auch machen, hier der Block in der bbcode.tpl zu spoiler:

Code: Alles auswählen

<!-- BEGIN spoiler_open -->
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
	<td>
<span style="font-size: 11px;">
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">
<b>Spoiler:</b> <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'; }">
</div>
<p>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset; background-color: #FAFAFA; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px">
<div style="display: none;">
<!-- END spoiler_open -->
<!-- BEGIN spoiler_close -->
</div>
</p>
</div>
</div>
</span>
</td>
</tr>
</table>
<!-- END spoiler_close -->

Danke, mfg