mostra nascondi Layer

laky633 · 24 Giu 2006

ciao a tutti.
ho la necessita di nascondere e mostrare livelli sequienzialmente clickkando su un pulsante.

per fare questo ho pensato di usare una funzione java .
non sono molto pratico nell'uso di java ma la mia idea sarebbe una cosa del genere

function vedinonvedi(){
var i=0;
document.getElementById('Layer(i)').visibility = "hidden";
document.getElementById('Layer(i+1)').visibility="show";
i++;
}

e poi la richiamo cosi

<img src="immagini/gallery1_r3_c4.jpg" alt="" name="gallery1_r3_c4" width="44" height="34" border="0"

id="gallery1_r3_c4" onclick= "vedinonvedi()" />

be ovviamente non funziona, non conosco bene la sintassi del java , potete aiutarmi?

ringrazion anticipatamente.

bruttocattivo · 6 Lug 2006

Ciao!

Premettendo che credo (dato che non sono molto pratico di javascript) che ci siano errori sia di codice che di concetto, potresti spiegare meglio l'effetto che vorresti ottenere?

Magari posta un po' di codice di esempio.

CIAU CIAU

daviduccio · 7 Lug 2006

E' tutto completamente sbagliato. Spiegaci per benino e tidaremo la sluzione già pronta. mi sembra la soluzione migliore!

laky633 · 8 Lug 2006

grazie per l'aiuto
allora
io ho dei link sulla sinistra della mia pagina e voglio che clikkandoci sopra , a seconda del link clikkato compaia sulla destra della pagina del testo (attinente al liink) e un immagine.

grazie

daviduccio · 8 Lug 2006

Appena fatto, provalo....

<html>
<head>
<script language="javascript">

function visualizza(txt,immg) {
document.getElementById("mostra").innerHTML="<img src=\""+immg+"\"><br><br>"+txt;
testo="";
immagine="";
}

function ilmenu(quale) {

switch(quale) {

case "prova1" : { testo="Questa è la prova 1"; immagine="percorso/immagine1.jpg"; break}
case "prova2" : { testo="Questa è la prova 2"; immagine="immagine2.gif"; break}
case "prova3" : { testo="Questa è la prova 3"; immagine="immagine3.jpg"; break}
case "prova4" : { testo="Questa è la prova 4"; immagine="immagine4.jpg"; break}

}

visualizza(testo,immagine);
}

</script>
<title></title>
</head>

<body>
<table width="100%" border="0">
<tr>
<td width="25%" valign="top"><p><a style="cursor:hand" onClick="ilmenu('prova1')" >Prova1</a><br>
<a style="cursor:hand" onClick="ilmenu('prova2')" >Prova2</a><br>
<a style="cursor:hand" onClick="ilmenu('prova3')" > Prova3</a><br>
<a style="cursor:hand" onClick="ilmenu('prova4')" >Prova4</a></p>
</td>
<td><div id="mostra"></div></td>
</tr>
</table>
</body>
</html>

Cerca

Cerca

mostra nascondi Layer

laky633

Nuovo Utente

bruttocattivo

Nuovo Utente

daviduccio

Moderatore

laky633

Nuovo Utente

daviduccio

Moderatore

Discussioni simili