[JavaScript] Show Layer/Hide Layer

**djandryu** · 17-09-2003, 11:10

Ciao a tutti,

premetto ke non conosco molto bene JavaScript, ma me la cavicchio...

Avrei bisogno di uno script ke fa le seguenti operazioni.

Ho una serie di link testuali in orizzontale: quando l'utente passa con il mouse sopra ad un link, vorrei ke comparisse un <div class="..."> in un'area dello schermo, e quando non sono sui link, quella parte sia dello stesso colore dello sfondo.

Quando utilizzavo Dreamweaver, c'erano delle funzioni che facevano "show layer"/"hide layer".

Dove posso trovare qualcosa del genere? GRAZIE

**v2v2** · 17-09-2003, 11:32

prova:

codice:

<HTML>
<HEAD>
</HEAD>
<BODY>
ssssaqsdc
<div id="q" class="..." style="visibility:hidden">ggg</div>
</BODY>
</HTML>

Cmq visto che hai più link ti conviene creare delle funzioni mostra() e nascondi() in cui mettere gli script

ciao

**djandryu** · 17-09-2003, 11:39

Grazie,

se ho ben capito faccio 2 funzioni:

codice:

function mostra(layer)
{
   document.getElementById(layer).style.visibility='visible';
}

function nascondi(layer)
....
...
..

Ma funziona soltanto con gli id presumo o posso estenderle alle class in modo da gestire più <div> all'interno della pagina???

**v2v2** · 17-09-2003, 12:07

Eccolo con le class

codice:

<HTML>
<HEAD>
<style>
.jh{
visibility:hidden; 
}
</style>

<SCRIPT>
function v() {
var s=document.styleSheets[0].rules?document.styleSheets[0].rules:document.styleSheets[0].cssRules;
for(i=0;i<s.length;i++) {
  if(s[i].selectorText==".jh") { 
    s[i].style.visibility=(s[i].style.visibility=="hidden")?"visible":"hidden";
    break;
  }}}
</SCRIPT>
</HEAD>
<BODY>

<p onMouseOver="v()" onMouseOut="v()">asfdaswq</p>

<div class="jh">ddsdadaqda</div>
<div class="jh">ddsdadaqda</div>
</BODY>
</HTML>

**djandryu** · 17-09-2003, 12:14

Perfetto!!! Grazie

a buon rendere

Discussione: [JavaScript] Show Layer/Hide Layer

Strumenti discussione

Ricerca discussione

Visualizza

[JavaScript] Show Layer/Hide Layer

Permessi di invio