Visualizzazione dei risultati da 1 a 10 su 10
  1. #1

    Aprire tutti gli spoiler in un colpo?

    Ho creato una pagina web con 20 spoiler.

    Se clicco 'Show' mi si mostra il contenuto che lo spoiler nasconde.
    Se clicco 'Hide' il contenuto mi si nasconde di nuovo

    Io vorrei con un click visualizzare e nascondere il contenuto di tutti gli spoiler, che codice javascript posso usare?

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998

    Re: Aprire tutti gli spoiler in un colpo?

    Originariamente inviato da elixir1349
    che codice javascript posso usare?
    Potrebbe essere sufficiente adattare quello che usi, se non fosse ignoto
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Ci ho provato ma senza successo.
    Il punto è che vorrei avere in cima alla pagina una specie di "espandi tutti gli spoiler", mantenendo sempre la possibilità ad ogni singolo spoiler di aprirsi singolarmente.
    Cmq, il codice che uso è questo:

    codice:
    <div style="background:transparent; border:1px dotted #000; border-bottom:0; border-left:4px solid #778899; color:#000; font-weight:bold; font-size:12px; margin:8px auto 0 auto; padding:3px; "> testo 1 -Show-</div> <div style="color:#000; background:transparent; border:1px dotted #000; border-left:4px solid #778899; border-top:0; padding:4px; margin: 0 auto 8px auto; display:none; "><div class="codetop"></div><div class="codemain"> testo 2</div></div> </div><div>
    Pultroppo non si capisce molto nel CODE, guarda questa immagine:


  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    Originariamente inviato da elixir1349
    Pultroppo non si capisce molto nel CODE, guarda questa immagine:
    indenta per bene il codice e si capirà meglio
    evita di usare le immagini: se qualcuno volesse fare prove e verifiche dovrebbe trascrive tutto, e questo scoraggia i tentativi di aiuto

    buon lavoro

  5. #5
    Pultroppo "indento" malissimo, io l'ho trovato cosi, poi l'ho disposto cosi secondo le mie esigenze.

    Guardando il codice riuscite a capire se si può adattarlo per un "espandi tutti gli spoiler"?
    Mi par di capire che sto perdendo tempo,
    buona giornata

  6. #6
    Signori, quello che voglio è questo:

    http://www.pluralsight-training.net/...4-fundamentals

    Ma salvando la pagina web il collapse e l'expand sono nulli, non funzionano perchè
    onclick=" "

    Qualcuno mi dice per favore il codice che bisogna usare?

  7. #7
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    spè... di solito, se non sbaglio, con spoiler si intende una cosa laterale (come ce n'è una nella pagina d'esempio).
    ora, dal tuo link riportato sembra un'altra (expand all | collapse all).
    a cosa ti riferisci?

  8. #8
    a expand all | collapse all

  9. #9

  10. #10
    grazie mille

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.