Effetto spoiler, senza la scritta!

« Older   Newer »
 
  Share  
.
  1. ¬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 forum
    CODICE
    <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 esempio
    CODICE
    <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!
     
    Top
    .
  2.  
    .
    Avatar

    Millennium Member

    Group
    Supervisore
    Posts
    18,385

    Status
    Anonymous
    Buono, buono. Sposto.
     
    Top
    .
  3. White¬
     
    .

    User deleted


    Bello! Non ci avro capito molto XD
    Vorrei l'esempio O.o
     
    Top
    .
  4. «†GX†»
     
    .

    User deleted


    Figo :asd:
     
    Top
    .
  5.  
    .
    Avatar

    Millennium Member

    Group
    Member
    Posts
    8,473

    Status
    Anonymous
    eh, sisi molto utile, solo k nn ci ho capito una pippa xD
     
    Top
    .
  6. «†GX†»
     
    .

    User deleted


    CITAZIONE (Umb3 @ 1/11/2010, 21:44) 
    eh, sisi molto utile, solo k nn ci ho capito una pippa xD

    io si :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa: :pippa:
     
    Top
    .
5 replies since 29/10/2010, 12:52   420 views
  Share  
.