Spoiler bildchen ändern

superteddy · 19. Januar 2011

Hallo Forum.
Ich hatte vor ein Spoiler auf meiner Homepage einzubauen.
Nunja das bild ist immer gleich und ändert sich nicht.
Wenn ich den Typ ändern kommt die normale box mit Spoiler, Show , Hide etc.
Hier mal der Java Code

Edit: Keiner ne lösung oder idee ?

Code

<script type="text/javascript">
function spoil(me) {
if (me.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {
me.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
me.innerText = '';
me.value = 'Hide';
} else {
me.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
me.value = 'Show';
}}
</script>

Alles anzeigen

Und hier der Code mit den Buttons wo es klappt:

Code

<div class="pre-spoiler"><input name="button" type="button" style="width:50px;font-size:10px;margin:0px;padding:0px;" onClick="spoil(this);" value="Spoiler"></div><div><div class="spoiler" style="display: none;">
Text </div>

Und hier wo es nicht klappt , da ich versuche es irgendwie mit bildern zu machen.

Code

<div><div class="pre-spoiler"><input name="button" type="image" src="images/plus.png" style="width:14px;font-size:10px;margin:0px;padding:0px;" onClick="spoil(this);" value="Spoiler"> Für weitere Informationen drücken.</div><div><div class="spoiler" style="display: none;">
Test
</div>

Ich hoffe auf hilfe
Regards

**ov3rk1ll** · 19. Januar 2011

me.src="plus" bzw "minus" ??

superteddy · 20. Januar 2011

Klappt leider nicht, habe auch schon sowas probiert

Code

me.value = '' <img src=images/minues.png>;

**ov3rk1ll** · 20. Januar 2011

HTML

<html>
<head>
<script type="text/javascript">
function spoil(me) {
if (me.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '') {
me.parentNode.parentNode.getElementsByTagName('div')[1].style.display = '';
me.src = "minus.png";
} else {
me.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none';
me.src = "plus.png";
}
}
</script>
</head>
<body>
<div>
<div class="pre-spoiler">
<input name="button" type="image" src="plus.png" style="width:14px;font-size:10px;margin:0px;padding:0px;" onClick="spoil(this);" value="Spoiler">Für weitere Informationen drücken.
</div>
<div class="spoiler" style="display: none;">Test</div>
</div>
</body>
</html>

Alles anzeigen

superteddy · 20. Januar 2011

Ein riesen dickes dankeschön

Kann closed werden.

Regards

**wamborambo** · 20. Januar 2011

superteddy schrieb:

Ein riesen dickes dankeschön

Kann closed werden.

Regards

Closed

Teilen