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.
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>