-
¬N™.
User deleted
Dico subito che non starò a dilungarmi troppo sulle specifiche del codice e che è vietato introdurlo,copiarlo, senza mettere i crediti.
Partiamo dal JavaScript, Codici HTML> In cima al forumCODICE<script type="text/javascript">
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
</script>
Il codice di per se è gia a posto e non ha bisogno di modifiche.
Ora la parte più difficile: l'HTML ("difficle" per dire!)CODICE<button onclick='toggle_visibility("ID"); return false;'>Apertore/Closore</button>
sostituite ad "ID" un nome qualsiasi.
Al posto di button potete mettere qualunque tag!
Questo codice serve ad aprire la parte nascosta e renderla visibile (basta rikliccare che scompare di nuovo)
ora,invece,la parte nascosta.CODICE<div id='ID"' style="display: none;">Testo </div>
al posto di ID mettete la stessa id che avete messo prima.
Ogni apertore diventa apertore del div che ha la sua id
esempio:CODICE<button onclick='toggle_visibility("proemio"); return false;'>Visualizza</button>
<div id='proemio' style="display: none;">Cantami o diva, del pelìde achille....</div>
così quando si clikkerà su visualizza si leggerà il proemio dell'iliade (ad es)
ma invece:CODICE<button onclick='toggle_visibility("ciao"); return false;'>Visualizza</button>
<div id='cio' style="display: none;">Cantami o diva, del pelìde achille....</div>
non funzionerà mai perchè "cio" non è uguale a "ciao"!
Ricordo che l'id è unico quindi per ognuno di sti cosi che create dovrete cambiare id...se no...non funziona!
vi faccio un esempioCODICE<button onclick='toggle_visibility("ciao"); return false;'>Visualizza</button>
<div id='ciao' style="display: none;">Cantami o diva, del pelìde achille....</div>
<button onclick='toggle_visibility("cis"); return false;'>Visualizza</button>
<div id='cis' style="display: none;">Nel mezzo del cammin di nostra vita....</div>
entarmbi funzioneranno perchè ogni pulsante è associato al suo div!
Con questo è tutto!
Ciao a tutti
ps: nel gestione codic HTML potete creare un div così:HTML<div id=spoiler>testo</div>
si otterrà lo stesso effetto di uno spoiler!
Crediti:CODICE<table border=1 style="border: #FFF dotted">
<tr><td>Effetto Spoiler,creato da <a href="http://magazines.forumcommunity.net/?act=Profile&MID=5524080">¬N™</a></td></tr></table>
questo è uno script totalmente di mia produzione, ci ho lavorato un po', vietato copiare questa guida!
Per vedere un esempio: chiedere in questo topic! Se no è spam!
ps: spostate in guide!
.