phpBB.de

Verfasst: **20.08.2006 21:52**

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

Verfasst: **20.08.2006 22:01**

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

Verfasst: **20.08.2006 22:10**

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

Verfasst: **20.08.2006 22:12**

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

Verfasst: **20.08.2006 22:21**

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

mfg

Verfasst: **20.08.2006 22:31**

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>

Verfasst: **20.08.2006 22:32**

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

Verfasst: **20.08.2006 23:22**

CoolKetschup hat geschrieben:Hallo,
und wo und wie muss ich das alles einfügen??

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

witzigerkiller hat geschrieben: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.

Verfasst: **21.08.2006 11:34**

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

naja

Verfasst: **21.08.2006 13:04**

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

phpBB.de

onMouseOver und onMouseOut bei Spoiler MOD