• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto Nascondere elementi css per farli apparire tramite link

Gigei

Utente Attivo
Autore del topic
26 Novembre 2014
313
41
Miglior risposta
1
Vorrei nascondere un elemento al caricamento della pagina, per poi farlo apparire tramite click di un' immagine. Io son riuscito solamente a farla apparire cliccando l'immagine e a nasconderla, cliccando consecutivamente.

L'elemento da voler nascondere appena si carica la pagina:
Perfavore, Entra oppure Registrati per vedere i Link!


Codice esercitamento:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
 
Ciao, spero di esserti stato d'aiuto.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Puoi spiegarmi la codifica che hai attuato? Funziona, comunque.

Ho sfruttato il tuo codice per farlo al caricamento della pagina:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Questa è la nostra funzione, altro non fa che modificare le proprietà CSS del nostro div, rendendo il display: None;
così che non sia visibile.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
non fa altro che richiamare la nostra funzione al caricamento della pagina.
 
Ciao, spero di esserti stato d'aiuto.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Puoi spiegarmi la codifica che hai attuato? Funziona, comunque.

Ho sfruttato il tuo codice per farlo al caricamento della pagina:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Questa è la nostra funzione, altro non fa che modificare le proprietà CSS del nostro div, rendendo il display: None;
così che non sia visibile.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
non fa altro che richiamare la nostra funzione al caricamento della pagina.
Ho un ultima domanda, come posso fare in modo che cliccando più VOLTE esca l'elemento nascosto? Con il procedimento che ho attuato, purtroppo, può uscire con un solo click.
 
Ciao, spero di esserti stato d'aiuto.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Puoi spiegarmi la codifica che hai attuato? Funziona, comunque.

Ho sfruttato il tuo codice per farlo al caricamento della pagina:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Questa è la nostra funzione, altro non fa che modificare le proprietà CSS del nostro div, rendendo il display: None;
così che non sia visibile.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
non fa altro che richiamare la nostra funzione al caricamento della pagina.
Ho un ultima domanda, come posso fare in modo che cliccando più VOLTE esca l'elemento nascosto? Con il procedimento che ho attuato, purtroppo, può uscire con un solo click.


Questo è il codice, cliccando 3 volte l'immagine spunterà il DIV
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Puoi facilmente intuire che il lavoro sporco viene fatto da
JavaScript:
Perfavore, Entra oppure Registrati per vedere i codici!

Secondo il quale conta il numero di click effettuati e di conseguenza riesce a mostrarti il DIV, puoi tranquillamente modificare il numero di click senza problemi.
 
Ciao, spero di esserti stato d'aiuto.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Puoi spiegarmi la codifica che hai attuato? Funziona, comunque.

Ho sfruttato il tuo codice per farlo al caricamento della pagina:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Questa è la nostra funzione, altro non fa che modificare le proprietà CSS del nostro div, rendendo il display: None;
così che non sia visibile.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
non fa altro che richiamare la nostra funzione al caricamento della pagina.
Ho un ultima domanda, come posso fare in modo che cliccando più VOLTE esca l'elemento nascosto? Con il procedimento che ho attuato, purtroppo, può uscire con un solo click.


Questo è il codice, cliccando 3 volte l'immagine spunterà il DIV
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Puoi facilmente intuire che il lavoro sporco viene fatto da
JavaScript:
Perfavore, Entra oppure Registrati per vedere i codici!

Secondo il quale conta il numero di click effettuati e di conseguenza riesce a mostrarti il DIV, puoi tranquillamente modificare il numero di click senza problemi.
Tende a non funzionare il risultato che volevo, o forse mi son spiegato male. Praticamente al div ho aggiunto anche la funzione che quando clicchi la "x" in un angolo, il div si leva nuovamente. Però se riclicco l'immagine, non rispunta.

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
(bz_box perché ho cambiato l'id del div. )
 
Ciao, spero di esserti stato d'aiuto.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Puoi spiegarmi la codifica che hai attuato? Funziona, comunque.

Ho sfruttato il tuo codice per farlo al caricamento della pagina:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Questa è la nostra funzione, altro non fa che modificare le proprietà CSS del nostro div, rendendo il display: None;
così che non sia visibile.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
non fa altro che richiamare la nostra funzione al caricamento della pagina.
Ho un ultima domanda, come posso fare in modo che cliccando più VOLTE esca l'elemento nascosto? Con il procedimento che ho attuato, purtroppo, può uscire con un solo click.


Questo è il codice, cliccando 3 volte l'immagine spunterà il DIV
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Puoi facilmente intuire che il lavoro sporco viene fatto da
JavaScript:
Perfavore, Entra oppure Registrati per vedere i codici!

Secondo il quale conta il numero di click effettuati e di conseguenza riesce a mostrarti il DIV, puoi tranquillamente modificare il numero di click senza problemi.
Tende a non funzionare il risultato che volevo, o forse mi son spiegato male. Praticamente al div ho aggiunto anche la funzione che quando clicchi la "x" in un angolo, il div si leva nuovamente. Però se riclicco l'immagine, non rispunta.

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
(bz_box perché ho cambiato l'id del div. )

Forse ho capito male io, quindi il div spunta con 3 click all'immagine, poi cliccando la x sul div sparisce nuovamente e deve ricomparire ai prossimi 3 click? Se ho ben capito
 
Ciao, spero di esserti stato d'aiuto.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Puoi spiegarmi la codifica che hai attuato? Funziona, comunque.

Ho sfruttato il tuo codice per farlo al caricamento della pagina:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Questa è la nostra funzione, altro non fa che modificare le proprietà CSS del nostro div, rendendo il display: None;
così che non sia visibile.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
non fa altro che richiamare la nostra funzione al caricamento della pagina.
Ho un ultima domanda, come posso fare in modo che cliccando più VOLTE esca l'elemento nascosto? Con il procedimento che ho attuato, purtroppo, può uscire con un solo click.


Questo è il codice, cliccando 3 volte l'immagine spunterà il DIV
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Puoi facilmente intuire che il lavoro sporco viene fatto da
JavaScript:
Perfavore, Entra oppure Registrati per vedere i codici!

Secondo il quale conta il numero di click effettuati e di conseguenza riesce a mostrarti il DIV, puoi tranquillamente modificare il numero di click senza problemi.
Tende a non funzionare il risultato che volevo, o forse mi son spiegato male. Praticamente al div ho aggiunto anche la funzione che quando clicchi la "x" in un angolo, il div si leva nuovamente. Però se riclicco l'immagine, non rispunta.

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
(bz_box perché ho cambiato l'id del div. )

Forse ho capito male io, quindi il div spunta con 3 click all'immagine, poi cliccando la x sul div sparisce nuovamente e deve ricomparire ai prossimi 3 click? Se ho ben capito
Praticamente, vorrei ottenere il div non solo una volta, ma tutte le volte che clicco, perché quando faccio x, non posso più ottenerlo
 
Ciao, spero di esserti stato d'aiuto.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Puoi spiegarmi la codifica che hai attuato? Funziona, comunque.

Ho sfruttato il tuo codice per farlo al caricamento della pagina:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Questa è la nostra funzione, altro non fa che modificare le proprietà CSS del nostro div, rendendo il display: None;
così che non sia visibile.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
non fa altro che richiamare la nostra funzione al caricamento della pagina.
Ho un ultima domanda, come posso fare in modo che cliccando più VOLTE esca l'elemento nascosto? Con il procedimento che ho attuato, purtroppo, può uscire con un solo click.


Questo è il codice, cliccando 3 volte l'immagine spunterà il DIV
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Puoi facilmente intuire che il lavoro sporco viene fatto da
JavaScript:
Perfavore, Entra oppure Registrati per vedere i codici!

Secondo il quale conta il numero di click effettuati e di conseguenza riesce a mostrarti il DIV, puoi tranquillamente modificare il numero di click senza problemi.
Tende a non funzionare il risultato che volevo, o forse mi son spiegato male. Praticamente al div ho aggiunto anche la funzione che quando clicchi la "x" in un angolo, il div si leva nuovamente. Però se riclicco l'immagine, non rispunta.

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
(bz_box perché ho cambiato l'id del div. )

Forse ho capito male io, quindi il div spunta con 3 click all'immagine, poi cliccando la x sul div sparisce nuovamente e deve ricomparire ai prossimi 3 click? Se ho ben capito
Praticamente, vorrei ottenere il div non solo una volta, ma tutte le volte che clicco, perché quando faccio x, non posso più ottenerlo



Ciao, spero di aver accolto correttamente la tua richiesta, premetto già che io non avevo il codice della X sul div, e siccome sono abbastanza pigro ho generato un bottone che chiudeva il div semplicemente
la pagina fa questo:
3 CLICK ALLA FOTO = APRE IL DIV & IL BOTTONE.
1 CLICK AL BOTTONE = CHIUDE IL DIV & IL BOTTONE.
puoi farlo all'infinito, credo che tu intendessi questo, adatta il codice come meglio credi alle tue esigenze, fa quello che mi hai chiesto

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
 
  • Like
Reactions: Gigei
Ciao, spero di esserti stato d'aiuto.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Puoi spiegarmi la codifica che hai attuato? Funziona, comunque.

Ho sfruttato il tuo codice per farlo al caricamento della pagina:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Questa è la nostra funzione, altro non fa che modificare le proprietà CSS del nostro div, rendendo il display: None;
così che non sia visibile.


HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
non fa altro che richiamare la nostra funzione al caricamento della pagina.
Ho un ultima domanda, come posso fare in modo che cliccando più VOLTE esca l'elemento nascosto? Con il procedimento che ho attuato, purtroppo, può uscire con un solo click.


Questo è il codice, cliccando 3 volte l'immagine spunterà il DIV
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Puoi facilmente intuire che il lavoro sporco viene fatto da
JavaScript:
Perfavore, Entra oppure Registrati per vedere i codici!

Secondo il quale conta il numero di click effettuati e di conseguenza riesce a mostrarti il DIV, puoi tranquillamente modificare il numero di click senza problemi.
Tende a non funzionare il risultato che volevo, o forse mi son spiegato male. Praticamente al div ho aggiunto anche la funzione che quando clicchi la "x" in un angolo, il div si leva nuovamente. Però se riclicco l'immagine, non rispunta.

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
(bz_box perché ho cambiato l'id del div. )

Forse ho capito male io, quindi il div spunta con 3 click all'immagine, poi cliccando la x sul div sparisce nuovamente e deve ricomparire ai prossimi 3 click? Se ho ben capito
Praticamente, vorrei ottenere il div non solo una volta, ma tutte le volte che clicco, perché quando faccio x, non posso più ottenerlo



Ciao, spero di aver accolto correttamente la tua richiesta, premetto già che io non avevo il codice della X sul div, e siccome sono abbastanza pigro ho generato un bottone che chiudeva il div semplicemente
la pagina fa questo:
3 CLICK ALLA FOTO = APRE IL DIV & IL BOTTONE.
1 CLICK AL BOTTONE = CHIUDE IL DIV & IL BOTTONE.
puoi farlo all'infinito, credo che tu intendessi questo, adatta il codice come meglio credi alle tue esigenze, fa quello che mi hai chiesto

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
Grazie a te ho imparato una nuova cosa, e non solo: Pian piano sto scoprendo molteplici cose di cui anni fa' credevo fossero impossibili. Sei molto gentile, senza di te non sarei mai riuscito nell'ambito. Ringrazio Void Void , potete chiudere come risolto.
 
  • Like
Reactions: Void