testo mostrato al click

**angelaca2** · 13-07-2005, 11:40

codice:

<html> 
<head>
<style> 
.livello{
	visibility: hidden;
	position: absolute;
	z-index: 1;
} 
</style> 

<script language="javascript"> 
function MostraLivello(nome) { 

if (document.getElementById(nome).style.visibility=='') { 
document.getElementById(nome).style.visibility='visible'; 
} 
else { 
document.getElementById(nome).style.visibility=''; 
} 
} 
</script> 

</head> 

<body> 

MOSTRA TESTO 1 
MOSTRA TESTO 2 
MOSTRA TESTO 3 


 <span id="livello1" class="livello"> Cantami o Diva del pelide Achille lira 
  funesta che infiniti addusse lutti agli Achei 1</span>


 <span id="livello2" class="livello">Cantami o Diva del pelide Achille lira 
  funesta che infiniti addusse lutti agli Achei 2</span>


 <span id="livello3" class="livello">Cantami o Diva del pelide Achille lira 
  funesta che infiniti addusse lutti agli Achei 3</span>
</body> 

</html>

scusatemi tanto

**Galex** · 13-07-2005, 11:56

oggi sei la seconda persona che mi chiede scusa o mi dice nn di arrabbairmi,comincio a pensare che oggi ho un atteggiamento "troppo aggressivo"...cmq nn intendevo dare colpe a qulacuno,era una considerazione generale

cmq,x risolvere il tuo problema basta che aggiungi

nello style

.livello{
visibility: hidden;
position: absolute;
z-index: 1;
background:#FFFFFF;
}

**angelaca2** · 13-07-2005, 12:09

1.non ti ho risposto così per un tuo attegiamento aggressivo, ma perchè effettivamente mi rendo conto che la questione sta diventando un pò troppo lunga, cimunque ti ringrazio veramente per la pazienza.

2.definendo un colore di sfondo evitiamo il problema della sovrapposizione, ma perchè anche definendo z-index(che dovrebbe corrispondere alla profondità, giusto?) uguale per tutti non riusiamo a far sostituire un testo con l'altro?

**Galex** · 13-07-2005, 12:40

z-index è si la profondità,ma nel nostro caso non serve,uno xchè è associata a tutti e 3 i livelli lo stesso zz-index,due xchè noi lavoriamo solo sulla visbilità.
quindi questo script nn sostituisce ilte sto,ma mostra o nasconde uno dei 3 div.

sei vuoi sostituirlo ti conviene usare innerhtml.Cmq tutto dipende da come vuoi utlizzarlo,xchè,forse ti sarai accorta,che in questo modo uno volta premuto il tatso 3,gli altri non compaiono +,xchè il 3 rimarrà sempre sopra agli altri...per ovviare a questo puoi fare così:

codice:

<script language="javascript"> 
function MostraLivello(nome) { 

var spans=document.getElementsByTagName('span'); 
for (var i=0; i<spans.length; i++){ 
 spans[i].style.visibility='';
}

if (document.getElementById(nome).style.visibility=='') { 
document.getElementById(nome).style.visibility='visible';
document.getElementById(nome).style.zIndex=10;
} 
else { 
document.getElementById(nome).style.visibility=''; 
document.getElementById(nome).style.zIndex=1;
} 

} 
</script>

**angelaca2** · 13-07-2005, 13:30

credo...anzi non ci credo che finalmente il tuo code, è finalmente quello che mi serve
aspetta che lo applico alla pagina e ti faccio sapere

Discussione: testo mostrato al click

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio