Far comparire div al click

djmatto

Utente Attivo
19 Feb 2009
40
0
0
Salve a tutti ho trovato sul vostro sito, veramente utile tra parentesi, il tutorial su come fare lo script per far si che un div compaia/scompaia al click.

Il mio problema è il seguente:

Io ho 4 link, legati alle relative immagini, tutti contenuti dentro un div e quello che vorrei fare è che entro nella mia pagina.

Di default ho visibile il primo dei 4 div, poi se clicco sul secondo link mi diventa invisibile la prima immagine e la seconda diventa visibile, e così via.

Qualcuno saprebbe dirmi come posso modificare lo script, o indicarmi dove possa leggere una guida per fare ciò.

GRazie a tutti.

PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>

<script type="text/javascript" language="javascript">
function visualizza(id){
  if (document.getElementById){
    if(document.getElementById(id).style.display == 'none'){
      document.getElementById(id).style.display = 'block';
    }else{
      document.getElementById(id).style.display = 'none';
    }
  }
}
</script>

</head>

<body>
<!-- Inizio codice DIV #testo -->
<div id="testo"><a href="#" onclick="visualizza('immagine'); return false">
Clicca qui per visualizzare l'immagine scoop</a></div>
<!-- Fine codice DIV #testo -->
<!-- Inizio codice DIV #immagine -->
<div id="immagine" style="display:none"><img src="https://www.mrw.it/images/ico30_fb.gif" /></div>
<!-- Fine codice DIV #immagine -->
<div id="testo"><a href="#" onclick="visualizza('immagine2'); return false" onclick="visualizza('immagine'); return false">
Clicca qui per visualizzare l'immagine scoop2</a></div>
<!-- Fine codice DIV #testo -->
<!-- Inizio codice DIV #immagine -->
<div id="immagine2" style="display:none"><img src="http://googleads.g.doubleclick.net/pagead/imgad?id=CNahk4vZ0rSPTxDYBRhaMgggm90HVwl6XQ" /></div>
<!-- Fine codice DIV #immagine -->
</body>
</html>
 
Discussioni simili
Autore Titolo Forum Risposte Data
J Far comparire e scomparire un div con un select Javascript 1
G far comparire un div Javascript 2
F E' possibile far comparire una scritta in un div al cambio di un valore di un form text??? Javascript 2
C Far comparire o scomparire dei div al clik del mouse Javascript 10
otto9due Al Click su optgroup di un select, far comparire le option annidate jQuery 2
G Ciclo if php per far comparire un pulsante solo nel caso in cui una variabile sia 0 PHP 2
D cliccare sul tasto per far comparire una scritta tipo PHP 0
I come fare a far comparire il mio sito nelle ricerche?? SEO e Posizionamento 3
U Far comparire ultimi topic nella homepage PHP 0
R Piacere di far parte di questa community Presentati al Forum 0
D Devo far funzionare un form di contatti PHP 4
J Far partire Angular Javascript 2
MarcoGrazia Se non sai se riceverai da GET o da POST, puoi verificarlo e far scegliere allo script. Snippet PHP 0
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
Shyson Far apparire le l'icona Back To Top in fondo jQuery 8
D [Java] far partire JProgressBar all'apertura di un JFrame Java 1
Monital [PHP]Far riconoscere stringa o numerico epr creazione campo tabella PHP 6
Q Problema su come far aggiornare i campi su un database Mysql PHP 17
W [PHP] Come far funzionare un form di selezione PHP 12
M Riadattamento funzioni per far scomparire un menu. jQuery 4
momeraths [HTML] Come non far scaricare video HTML e CSS 1
trattorino [Javascript] FAR sparire campo dopo top caratteri Javascript 2
T [Javascript] Far partire script al raggiungimento del div/section Javascript 0
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
M [Javascript] far scomparire il menu al click Javascript 0
Bryan [PHP] Far mostrare tutte le tabelle contenenti in un database PHP 2
maurogiarrizzo È un piacere far parte di questo sito Presentati al Forum 1
C [PHP] DEVO FAR SPUNTARE SOLO LE CONSONANTI DI UNA STRINGA PHP 1
R Come faccio a far tradurre un mio video su Youtube? Social Media Marketing 2
SimooRu [PHP] Non riesco a far passare i dati con i form PHP 4
D script per far funzionare l'animazione Javascript 4
D script per far funzionare l'animazione Presentati al Forum 1
M Creazione codice html per far prelevare un banner HTML e CSS 3
M Far partire una funzione/codice php con javascript Javascript 1
S Far partire in automatico una slide all'apertura della pagina Javascript 0
U Far partire una funzione JavaScript premendo bottone in html Javascript 7
Mr. Alex D. Come far apparire un testo preimpostato in una casella di un form di uno script php? PHP 1
S Se voglio far scorrere le immagini dello sfondo di una pagina (oviamente html) come faccio? HTML e CSS 1
S Come faccio a far scorrere delle immagini come sfondo di una pagina? Discussioni Varie 1
I Far conoscere un sito SEO e Posizionamento 4
Shyson Far apparire o scomparire div jQuery 1
P far apparire immagine sotto testo con rollover Javascript 2
D Come far ripartire una gif quando si rivisita la pagina dello slideshow WordPress 1
K Far scorrere il menu dal fondo al top della pagina HTML e CSS 6
P Codice per far aprire un <div> al click di un immagine? HTML e CSS 0
piccino Far pubblicare un solo articolo WordPress 0
C Far apparire segno + PHP 1
G Come far passare un valore attraverso il metodo POST utiliazzando PHP a jQuery PHP 4
S Far scrivere un testo ad un utente registrato..... PHP 3
L Come far commentare/scrivere agli altri utenti?? Windows e Software 10

Discussioni simili