ricreare uno spoiler

Salve!

Avrei bisogno di un aiuto.

E' possibile ricreare uno spoiler utilizzando un semplice tag HTML. mi spiego meglio vorrei che un ospite scriva un messaggio spoilerato nel GuestBook. ma senza aggiunge codici troppo grandi.

Per spoiler intendi tipo quello di forumfree ( [spoiler][/spoiler] ), se si non puoi farlo utilizzando un semplice tag html.

Se ti interessa puoi crearlo utilizzando due tag, il primo contenente il titolo, mentre il secondo, all'interno del primo, contenente il contenuto e non visibile, per poi farlo apparire con Javascript, ma no solo usando l'html, all'evento onClick generato dal prima elemento.

si intendevo quello di forum free,volevo sapere se si poteva ricreare una specie di tag che l'utente dovrà inserire nel commento da lasciare e il messaggio viene nascosto.

Come già detto non è possibile farlo con un solo elemento, e neanche utilizzando solamente l'html, ti serve l'aiuto di Javascript ( jQuery se ti rimane più facile e per rendere il tutto cross-browser ).

Purtroppo non ho nessun esempio per fartelo vedere, ma se cerchi su internet dovresti trovare come fare.

ma non c'è qualche modo di semplificarlo? Perchè se un utente dovrà mettere tutto il codice è richiamare gli script allora è inutile...

non si potrebbe creare una specie di tag come quello di forum free?

per esempio l'utente scrive [spoiler][/spoiler] invece di un tag HTML ingombrante...

guarda un esempio:

Codice HTML:

---

<div class="pre-spoiler"><input type="button" value="Mostra spoiler" style="width:100px;font-size:10px;margin… onclick="if (this.parentNode.parentNode.getElementsB… != '') { this.parentNode.parentNode.getElementsBy… = '';this.innerText = ''; this.value = 'Nascondi spoiler'; } else { this.parentNode.parentNode.getElementsBy… = 'none'; this.value = 'Mostra spoiler';}"> </div> <div> <div class="spoiler" style="display: none;"></div> INSERISCI IL TESTO QUI</div>

---

Ops... scusa, non avevo fatto caso che quel tag doveva essere definito dall'utente che visita il tuo guestbook, ma pensavo solamente che ti serviva il codice html.

Cmq il codice bbcode ( [spoiler] ) non e altro che un codice, no html, che utilizzano i forum per evitare l'immissione diretta del codice html da parte dell'utente, per poi essere memorizzato in un archivio, poi, una volta recuperato viene analizzato ( parsing ) per poi essere convertito in codice html, se vedi il codice html dei spoiler non è altro che del codice html contenente del codice javascript che apre un'altro elemento.

Per farne uno dovresti studiartelo meglio come farlo, altro non so che dirti.

Se hai bisogno di far quello che fanno i forum, cioè memorizzare un messaggio dell'utente che contiene il bbcode, per poi in futuro visualizzarlo trasformando il bbcode in html quello puoi farlo con php, cerca ad esempio su internet, o qui su forum, parsing BBCode in php.

Perché è inutile richiamare gli script? far visualizzare un elemento è opera del Javascript, visto che lavora lato client.

intendevo inutile se l'utente doveva inserire tutto il codice...
comunque ora cerco qualche esempio.

EDIT: ho trovato un esempio ma non so come installarlo sapete dirmi come??

L'esempio tratta di come integrare il bbcode nel sito tramite php o altro? se si tratta del php potresti postare nella sessione delegata al php e vedere se ti sanno dare una mano li, alcune volte basta studiarsi meglio l'argomento per riuscire a risolvere il problema, ma se proprio non ci riesci posta nella sessione php.

Uso del BBCode

CODICE: SELEZIONA TUTTO

Codice:

---

[spoiler]{TEXT}[/spoiler]

---

Trasforma in HTML

CODICE: SELEZIONA TUTTO

Codice:

---

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><input class="button2 btnlite" type="button" value="Apri lo Spoiler!" style="text-align:center;width:100px;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 = 'Chiudi lo spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Riapri lo Spoiler!'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

---

Aiuto in linea:

CODICE: SELEZIONA TUTTO

Codice:

---

Spoiler: [spoiler]Il testo [/spoiler]

---

Ecco quello che dice la pagina.

Allora.. se vuoi trasformare del BBCode nel suo respettivo codice html non ti basta il linguaggio html, un semplice linguaggio statico, ti serve un linguaggio dinamico come il php, se vuoi puoi farlo anche in javascript, ma ti avverto che quest'ultimo e modificabile dall'utente.

Se vuoi farlo in php bastava fare una ricerca sul forum, dai un'occhiata:

http://forum.it.altervista.org/php-m...po-bbcode.html

Stessa cosa se vuoi farlo in javascript:

http://forum.it.altervista.org/javas...di-bbcode.html

Per fare questo, te lo ripeto, non basta il semplice codice html, se non capisci come fare dopo aver letto queste due discussione non so che dirti, dovresti studiarti meglio i vari argomenti.

a cosa serve la seconda parte del codice PHP del primo topic.

Codice:

---

<?php
$testo_in_input = bbcode($testo_in_input);
?>

---

e non ho capito dove tutto il codice si deve inserire nella pagina...