tag HTML per [spoiler] (nei forum)

[tisei3]

posto qua in javaScript perche non ne ero sicuro se magari html fosse la sezione giusta

in prattica dovrei aggiungere il codice [spoiler] contenuto [/spoiler] al mio forum... pero non so l'equivalente html

lo spoiler e un campo nascosto che si apre cliccando sopra una scritta, non testo dello stesso colore dello sfondo, perche mi serve anche per altro: come ad esempio immagini

Clicca per visualizzare lo spoiler < [cliccando sulla scritta compare il contenuto che io ho incluso tra i codici

[spoiler]contenuto[/spoiler]

e si aprira la scritta]
contenuto

[Mega69]

Mostra spoiler<span class="spoiler">TESTO DELLO SPOILER</span>

Poi nel css metti
.spoiler {
display:none;
}

[tisei3]

Errori nella visualizzazione della pagina
http://tisei.helloweb.eu/ - http://tisei.helloweb.eu/css.css

e neanche con firefox funziona

[Mega69]

Prova ora:

Mostra spoiler<span class="spoiler">TESTO DELLO SPOILER</span>

[metejordy]

Come si fa invece a creare un link all'interno dello spoiler stesso che chiuda lo spoiler se cliccato?

[tisei3]

http://www.theadminzone.com/forums/s...ad.php?t=24586

[metejordy]

Cercando sul web, e sperimentando un po' ho trovato la soluzione. Per usare un link al posto di un pulsante, basta usare questo codice (lo posto, che magari serve a qualcun altro):

<div class="spoiler">
APRI SPOILER
<div class="inner" style="display:none;">
CONTENUTO SPOILER
</div>
</div>

Ovviamente funzionerà solo se si inserisce il seguente CSS nello head:

.spoiler {
    border:1px solid #ddd;
    padding:3px; }
.spoiler .inner {
    border:1px solid #eee;
    padding:3px;margin:3px; }

E questo JavaScript:

function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none"; }