testo mostrato al click

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

Ciao ragazzi.
ho trovato questo

codice:

<html>
<head>

<style>
span#mostra {
 display: none;
}
</style>

<script language="javascript">
function mostra() {
 if (document.getElementById('mostra').style.display=='none') {
  document.getElementById('mostra').style.display='inline';
 }
 else {
  document.getElementById('mostra').style.display='none';
 }
}
</script>

</head>

<body>

MOSTRA TESTO




<span id="mostra"> Cantami o Diva del pelide Achille l'ira funesta che infiniti addusse lutti agli Achei </span>

</body>

</html>

il discorso è che ho un calendario per mesi (gennaio febbraio..) e vorrei che al click di un mese venga visualizzato il testo associato in una parte della pagina, senza doverne ricaricare un'altra.
Naturalmente non riesco a farlo.
Un aiutino?
grazz
ang

**Galex** · 12-07-2005, 14:25

così?
<html>
<head>

<style>
span#mostra {
visibility: hidden
}
</style>

<script language="javascript">
function mostra() {

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

</head>

<body>

MOSTRA TESTO

<span id="mostra"> Cantami o Diva del pelide Achille l'ira funesta che infiniti addusse

lutti agli Achei </span>

</body>

</html>

**Mich_** · 12-07-2005, 14:46

Non ci possono essere due oggetti con lo stesso nome (la funzione e il tag).

Inoltre manca un return false; , altrimenti il link va a sovrapporsi all'esecuzione dello script e potrebbe dare problemi:
<a href="..." onclick="mostra(); return false;">

**angelaca2** · 12-07-2005, 14:50

va bene.
però quello che non capisco è come faccio a dire a più pulsanti che al click devono visualizzare il proprio testo

es:

pulsante1 - pulsante2 - pulsante3

testo che appare al click sul pulsante1

testo che appare al click sul pulsante2

testo che appare al click sul pulsante3

naturalmente un testo sostituisce l'altro

spero di esere stata chiara
grazz
ang

**Galex** · 12-07-2005, 14:53

una cosa del genere
<html>
<head>

<style>
.livello{
visibility: hidden
}
</style>

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

if (document.getElementById(nome).style.visibility==' ') {
document.getElementById(nome).style.visibility='vi sible';
}
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 l'ira funesta che infiniti addusse

lutti agli Achei 1</span>

<span id="livello2" class="livello"> Cantami o Diva del pelide Achille l'ira funesta che infiniti addusse

lutti agli Achei 2</span>

<span id="livello3" class="livello"> Cantami o Diva del pelide Achille l'ira funesta che infiniti addusse

lutti agli Achei 3</span>

</body>

</html>

**angelaca2** · 12-07-2005, 15:22

si proprio cosi, solo che non mi funziona...

**angelaca2** · 12-07-2005, 15:24

no no funziona, però non cancella il testo che è stato già visualizzato.
come faccio a dire: se c'è testo cancella e poi visualizza

??

**Galex** · 12-07-2005, 15:39

ma già lo dici,e a me funziona,mette e toglie il testo,sei sicura di aver copiato bene?che errore ti da?

**badaze** · 12-07-2005, 15:42

Forse cosi

codice:

<html> 
<head> 

<style> 
.hiddenSpan {position:absolute;top:-1000;left:-1000}
</style> 

<script language="javascript"> 
function MostraLivello(nome) { 
 document.getElementById('commonspan').innerHTML = document.getElementById(nome).innerHTML;
} 
</script> 

</head> 

<body> 

MOSTRA TESTO 1 
MOSTRA TESTO 2 
MOSTRA TESTO 3 


 
<span id="commonspan"></span> 

<span id="livello1" class="hiddenSpan"> A Cantami o Diva del pelide Achille l'ira funesta che infiniti addusse lutti agli Achei 1</span> 
<span id="livello2" class="hiddenSpan"> B Cantami o Diva del pelide Achille l'ira funesta che infiniti addusse lutti agli Achei 2</span> 
<span id="livello3" class="hiddenSpan"> C Cantami o Diva del pelide Achille l'ira funesta che infiniti addusse lutti agli Achei 3</span> 



</body> 

</html>

**angelaca2** · 12-07-2005, 16:03

niente ho riprovato a copiare e incollare, cancellato gli "a capo", sistemato tutto alla perfezione, solo che invece di sostituire i testi di volta in volta, al click aggiunge..
al secondo click sul pulsante, cancella il testo già visualizzato corrispondente.

Discussione: testo mostrato al click

Strumenti discussione

Ricerca discussione

Visualizza

testo mostrato al click

Permessi di invio