HTML Code gesucht | Spoiler ähnliches Teil

SteveO · 23.03.2007

Hi
Wie lautet der Code für so nen Spoiler ?
Also "onclick" und dann sieht man mehr text ... oO
Ich hoff ihr versteht was ich mein.
SteveO

Pheenix · 23.03.2007

Hi,
also :

1.) Dein "Spoiler" ist ein PopUp.
2.) http://www.google.de/search?q=popup...&rls=org.mozilla:de:official&client=firefox-a

Hoffe konnte helfen =)

Gruß,
Seb

SteveO · 24.03.2007

Ne , nicht ganz das was ich mir gedacht habe.

siM•Luxx · 24.03.2007

<html><head><title>Test</title>
<script type="text/javascript">
function CheckAuswahl () {
for (i = 0; i < document.Testform.Auswahl.length; ++i)
if (document.Testform.Auswahl.options.selected == true)
alert(document.Testform.Auswahl.options.value);
}
</script>
</head><body>
<form name="Testform" action="">
<select name="Auswahl" size="5" onchange="CheckAuswahl()">
<option value="sdf">Blindauswahl 1</option>
<option value="xx">Blindauswahl 2</option>
<option value="item">Blindauswahl 3</option>
<option value="...">Blindauswahl 4</option>
<option value="Bingo - gewonnen!">Blindauswahl 5</option>
</select>
</form>
</body></html>

sowas vllt?

oder ne du willst das hier haben:
wenn man auf ein link klickt, dann erscheint ein Text dazu, das kann man quasi "ausfahren", also als "showmessage" oder?

SteveO · 24.03.2007

siM•Luxx schrieb:
oder ne du willst das hier haben:
wenn man auf ein link klickt, dann erscheint ein Text dazu, das kann man quasi "ausfahren", also als "showmessage" oder?

siM•Luxx · 24.03.2007

hmm ja hab gerade auf selfhtml.de geschaut aber nichts passendes gefunden
weiß nicht mal wie dieses Element heißt :heul:

SteveO · 24.03.2007

siM•Luxx schrieb:
hmm ja hab gerade auf selfhtml.de geschaut aber nichts passendes gefunden
weiß nicht mal wie dieses Element heißt

selbiges hab ich auch grad gemacht
und mein bester freund kenn auch niemanden der über showmessage bescheid weis...

siM•Luxx · 24.03.2007

Klapptext ein- / ausfahren

http://www.hth-c.com/include.php?path=forum/showthread.php&threadid=384

SteveO · 25.03.2007

So , der Code sieht nu so aus:

Code:

<input name="image" type="image" onClick="if (document.getElementById('klapp').style.display != '') {document.getElementById('klapp').style.display = '';this.innerText = ''; } else {document.getElementById('klapp').style.display = 'none'; this.innerText = ''; }" src="plus.png">

<div id="klapp">
  <p>TS Lichtenfels – HSG Fichtelgebirge 33:27 (16:15)<br>
    <br>
</div>

Allerdings noch 3 Probleme:
1. Was muss ich ändern , damit der Text beim aufrufen der seite nicht ausgeklappt , sondern eingeklappt is ?

2. Was muss ich einfügen , damit sich das plus.png beim ausklappen in minus.png ändert und beim einklappen wieder in plus.png ändert ?

3. Wie kann ich noch Text nach dem plus.png einfügen , mit dem man durch draufklicken auch den text ausklappen kann ?

TrOuble@LLM · 25.03.2007

Moin,

Ich habs dir mal kurz fertig gemacht (und gleich bissle grafisch ansprechender gestaltet - naja egal)
Hier kannste es dir angucken:
http://web117.kunden.unitedservers.de/tmp/hwlxx/klappen/

Und hier dir die einzelnen Datein als *.rar ziehen:
http://web117.kunden.unitedservers.de/tmp/hwlxx/klappen/klappen.rar

MfG TrOuble

SteveO · 25.03.2007

Thx , hat mir sehr weiter geholfen.
Mittlerweile siehts so aus:

Code:

<span style="cursor:pointer" onClick="if (document.getElementById('klapp').style.display != '') {document.getElementById('klapp').style.display = ''; this.src = 'minus.png';} else {document.getElementById('klapp').style.display = 'none'; this.src = 'minus.png';}"> <img src="plus.png">Bericht vom 14124.12412 </span>

<div style="display:none" id="klapp">
TS Lichtenfels – HSG Fichtelgebirge 33:27 (16:15)<br>
    <div align="right"><span style="cursor:pointer" onClick="{document.getElementById('klapp').style.display = 'none';}"> <img src="minus.png">Close  </span></div>
</div>

Aber leider ändert sich beim ausklappen das + nichtmehr ins - , was muss ich da noch ändern ?

TrOuble@LLM · 25.03.2007

Ich habe dir oben doch eine fertige Version gepostet, wo dies bereits funktioniert. Wieso benutzt du nicht einfach die?

SteveO · 26.03.2007

TrOuble@LLM schrieb:
Ich habe dir oben doch eine fertige Version gepostet, wo dies bereits funktioniert. Wieso benutzt du nicht einfach die?

weil das "designtechnisch" nicht ganz dazu passt

TrOuble@LLM · 26.03.2007

Der Begriff css sagt dir aber schon etwas oder?
Einfach die Klasse "klapp" in der css Datei abändern und ggf. noch die Icons austauschen - das ist keine Arbeit von 5 Minuten. :hmm:

Oder du bindest halt das Javascript ein und rufst es mit einem eigenen Konstrukt auf - kannste ja einfach gucken wie ich es bei mir im Beispiel aufrufe.

Suche

HTML Code gesucht | Spoiler ähnliches Teil

SteveO

Enthusiast

Pheenix

Enthusiast

SteveO

Enthusiast

siM•Luxx

Guest

SteveO

Enthusiast

siM•Luxx

Guest

SteveO

Enthusiast

siM•Luxx

Guest

SteveO

Enthusiast

TrOuble@LLM

Enthusiast

SteveO

Enthusiast

TrOuble@LLM

Enthusiast

SteveO

Enthusiast

TrOuble@LLM

Enthusiast

Ähnliche Themen