HTML.it è il sito italiano del web publishing

HTML.it forum : Powered by vBulletin version 2.3.6 HTML.it forumLato clientJavaScriptAprire tutti gli spoiler in un colpo?

Aprire tutti gli spoiler in un colpo?
scegli un altro forum
    Indietro   Ricarica   Avanti Invia una risposta

Autore
Discussione     
elixir1349
Utente di HTML.it



Registrato il: Feb 2012

Provenienza:

Messaggi: 84


ICQ:

MSN:

Skype:


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?

Segnala ad un moderatore | IP: Collegato | Permalink
elixir1349 è offline Old Post 03-07-2012 13:25
Clicca qui per vedere il profilo dell'utente elixir1349 Clicca qui per inviare all'utente elixir1349 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente elixir1349 Aggiungi l'utente elixir1349 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
br1
Moderatore di JavaScript



Registrato il: Jul 1999

Provenienza: Karalis

Messaggi: 18994


ICQ :

MSN :

Skype :


Re: Aprire tutti gli spoiler in un colpo?
Citazione:
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

Segnala ad un moderatore | IP: Collegato | Permalink
br1 è offline Old Post 03-07-2012 21:20
Clicca qui per vedere il profilo dell'utente br1 Clicca qui per inviare all'utente br1 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente br1 Aggiungi l'utente br1 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
elixir1349
Utente di HTML.it



Registrato il: Feb 2012

Provenienza:

Messaggi: 84


ICQ :

MSN :

Skype :


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 <a href="java-script:void(0);" class="Stile1" onclick="java-script:if(parentNode.parentNode.getElementsByTagName('div')[1].style.display=='block'){parentNode.parentNode.getElementsByTagName('div')[1].style.display='none'; this.innerHTML='Show'; }else {parentNode.parentNode.getElementsByTagName('div')[1].style.display='block'; this.innerHTML='Hide'; }">-Show-</a></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; "><!--c1--><div class="codetop"></div><div class="codemain"><!--ec1--> testo 2<!--c2--></div></div> </div><div>


Pultroppo non si capisce molto nel CODE, guarda questa immagine:

Segnala ad un moderatore | IP: Collegato | Permalink
elixir1349 è offline Old Post 04-07-2012 11:28
Clicca qui per vedere il profilo dell'utente elixir1349 Clicca qui per inviare all'utente elixir1349 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente elixir1349 Aggiungi l'utente elixir1349 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
Vincent.Zeno
Moderatore di XHTML e HTML



Registrato il: May 2003

Provenienza: Bologna Ravenna... ma anche no

Messaggi: 13276


ICQ :

MSN : vincent.zeno@l ibero.it

Skype : vincent.zeno@libero.it


Citazione:
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


__________________
Creazione Spettacoli | La Cena dei Buffoni | Statua Vivente (in allestimento) |

Aiuti in privato... basta così: ho dato.

Segnala ad un moderatore | IP: Collegato | Permalink
Vincent.Zeno è online in questo momento Old Post 05-07-2012 00:36
Clicca qui per vedere il profilo dell'utente Vincent.Zeno Clicca qui per inviare all'utente Vincent.Zeno un messaggio privato Visita l'homepage dell'utente Vincent.Zeno Visualizza ulteriori messaggi scritti dall'utente Vincent.Zeno Aggiungi l'utente Vincent.Zeno alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
elixir1349
Utente di HTML.it



Registrato il: Feb 2012

Provenienza:

Messaggi: 84


ICQ :

MSN :

Skype :


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

Segnala ad un moderatore | IP: Collegato | Permalink
elixir1349 è offline Old Post 05-07-2012 13:20
Clicca qui per vedere il profilo dell'utente elixir1349 Clicca qui per inviare all'utente elixir1349 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente elixir1349 Aggiungi l'utente elixir1349 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
elixir1349
Utente di HTML.it



Registrato il: Feb 2012

Provenienza:

Messaggi: 84


ICQ :

MSN :

Skype :


Signori, quello che voglio è questo:

http://www.pluralsight-training.net...f4-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?

Segnala ad un moderatore | IP: Collegato | Permalink
elixir1349 è offline Old Post 05-07-2012 18:55
Clicca qui per vedere il profilo dell'utente elixir1349 Clicca qui per inviare all'utente elixir1349 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente elixir1349 Aggiungi l'utente elixir1349 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
Vincent.Zeno
Moderatore di XHTML e HTML



Registrato il: May 2003

Provenienza: Bologna Ravenna... ma anche no

Messaggi: 13276


ICQ :

MSN : vincent.zeno@l ibero.it

Skype : vincent.zeno@libero.it


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?


__________________
Creazione Spettacoli | La Cena dei Buffoni | Statua Vivente (in allestimento) |

Aiuti in privato... basta così: ho dato.

Segnala ad un moderatore | IP: Collegato | Permalink
Vincent.Zeno è online in questo momento Old Post 05-07-2012 19:10
Clicca qui per vedere il profilo dell'utente Vincent.Zeno Clicca qui per inviare all'utente Vincent.Zeno un messaggio privato Visita l'homepage dell'utente Vincent.Zeno Visualizza ulteriori messaggi scritti dall'utente Vincent.Zeno Aggiungi l'utente Vincent.Zeno alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
elixir1349
Utente di HTML.it



Registrato il: Feb 2012

Provenienza:

Messaggi: 84


ICQ :

MSN :

Skype :


a expand all | collapse all

Segnala ad un moderatore | IP: Collegato | Permalink
elixir1349 è offline Old Post 05-07-2012 19:11
Clicca qui per vedere il profilo dell'utente elixir1349 Clicca qui per inviare all'utente elixir1349 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente elixir1349 Aggiungi l'utente elixir1349 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
Vincent.Zeno
Moderatore di XHTML e HTML



Registrato il: May 2003

Provenienza: Bologna Ravenna... ma anche no

Messaggi: 13276


ICQ :

MSN : vincent.zeno@l ibero.it

Skype : vincent.zeno@libero.it


ricerca:
http://www.google.it/search?sugexp=...f=p&pdl=300

link utile
http://www.dynamicdrive.com/dynamic...itchcontent.htm

sposto in js


__________________
Creazione Spettacoli | La Cena dei Buffoni | Statua Vivente (in allestimento) |

Aiuti in privato... basta così: ho dato.

Segnala ad un moderatore | IP: Collegato | Permalink
Vincent.Zeno è online in questo momento Old Post 05-07-2012 19:56
Clicca qui per vedere il profilo dell'utente Vincent.Zeno Clicca qui per inviare all'utente Vincent.Zeno un messaggio privato Visita l'homepage dell'utente Vincent.Zeno Visualizza ulteriori messaggi scritti dall'utente Vincent.Zeno Aggiungi l'utente Vincent.Zeno alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
elixir1349
Utente di HTML.it



Registrato il: Feb 2012

Provenienza:

Messaggi: 84


ICQ :

MSN :

Skype :


grazie mille

Segnala ad un moderatore | IP: Collegato | Permalink
elixir1349 è offline Old Post 06-07-2012 15:11
Clicca qui per vedere il profilo dell'utente elixir1349 Clicca qui per inviare all'utente elixir1349 un messaggio privato Visualizza ulteriori messaggi scritti dall'utente elixir1349 Aggiungi l'utente elixir1349 alla tua lista degli utenti amici Modifica / Cancella il messaggio Rispondi quotando   Torna su
Tutte le ore sono con fuso orario CET. Ora sono le 23:10.     

    Ultima discussione   Prossima discussione Invia una risposta
Versione per la stampa | Invia il thread via email | Ricevi aggiornamenti sul thread | Scarica il thread
 

Cerchi un argomento specifico e hai fretta? Usa il motore di ricerca