RPGVX.net

  Community => Stammkneipe => Thema gestartet von: Makerboy am Juni 18, 2008, 20:18:04

Titel: HTML Spoiler Tag?
Beitrag von: Makerboy am Juni 18, 2008, 20:18:04

Hi
Weiß einer von euch im Forum wie man einen Spoiler macht
also einen ausklappbaren Text?

Titel: HTML Spoiler Tag?
Beitrag von: Mclovin am Juni 18, 2008, 20:24:34

[_spoiler_] Besipieltext [_/spoiler_]

Die Unterstriche musst du entfernen. War jetzt nur zur Veranschaulichung... ^^

EDIT: Oder war die Frage gar nicht auf das Forum bezogen? o.O

Titel: HTML Spoiler Tag?
Beitrag von: Makerboy am Juni 18, 2008, 20:26:05

und das klappt?

Titel: HTML Spoiler Tag?
Beitrag von: Mclovin am Juni 18, 2008, 20:27:41

Ja...  ;)

Titel: HTML Spoiler Tag?
Beitrag von: Makerboy am Juni 18, 2008, 20:29:11

aber doch nicht in HTML

Titel: HTML Spoiler Tag?
Beitrag von: Mclovin am Juni 18, 2008, 20:30:10

Ja, sry. Ich sollte mal den Threadtitel genauer lesen... xD

Titel: HTML Spoiler Tag?
Beitrag von: Makerboy am Juni 18, 2008, 20:31:18

eig. nicht deine schuld ich habe in dem Thread das noch nicht reingeschrieben

Titel: HTML Spoiler Tag?
Beitrag von: KeksX am Juni 18, 2008, 21:30:26

Naja, das ist eigentlich nichts anderes als BBCode
Und BBCode mit HTML zu erstellen geht nicht, das musst du mit PHP + Javascript lösen.


Es gibt eine tolle Funktion: substr_replace.

LINK (http://de.php.net/manual/de/function.substr-replace.php)

;).


Es geht natürlich auch auf viele andere Arten, aber meines Wissens nicht mit HTML.
HTML dient lediglich zum "zeichnen" von Webpräsenzen...

Titel: HTML Spoiler Tag?
Beitrag von: War-Raptor am Juni 18, 2008, 21:35:40

Zitat von: Makerboy

Hi
Weiß einer von euch im Forum wie man einen Spoiler macht
also einen ausklappbaren Text?

Also mit reinem HTML klappts sicher nicht.

Du kannst es wahlweise in Kombination mit CSS oder mit Javascript machen.

Hier ein Beispiel mit java script:

[div class=\'codetop\']CODE[div class=\'codemain\' style=\'height:200px;white-space:pre;overflow:auto\']<script language="JavaScript1.2">

var ns6=document.getElementById&&!document.all?1:0

var head="display:''"
var folder=''

function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}

//-->
</script>
<a style="cursor:help;font-weight:bold" onClick="expandit(this)">Text zum anklicken</a>:
<span style="display:none">und hier der "unsichtbare"</span>