Problema con visualizzazione testo con js

**Iwk_Batterio** · 07-02-2005, 18:29

Alura eccovi il codice:

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 problema è che quando lo eseguo (provate voi stessi) la prima volta devo cliccare due volte su "Mostra testo" affinchè lo script stampi a monitor la frase "cantami o Diva .. ecc". Poi cliccando nuovamente su "mostra testo" il testo sparisce e per farlo riapparire basta 1 click.

Sapete a cosa è legato il problema? Inoltre... è possibile che, una volta aperto, il testo cambi da "mostra teto" a "nascondi testo"?

Se questo script suka, ne conoscete mica uno in grado di fare tutto questo? Grazie in anticipo, Ciao!

**br1** · 07-02-2005, 18:56

La prima volta che viene eseguito lo style non e' "none" perche' lo style non e' dichiarato direttamente nel tag.

quindi:

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=='') {
  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>

oppure

<span id="mostra" style="display: none;">

ciao

**Iwk_Batterio** · 07-02-2005, 19:02

Grazie mille, works 100% !!

Per l'altra chicchetta (ovvero far apparire nascondi testo invece di mostra) hai qualche consiglio da darmi? Qualcun altro ne ha uno?

Grazie ancora, ciao!

**Iwk_Batterio** · 09-02-2005, 12:04

up

**Iwk_Batterio** · 10-02-2005, 12:12

provo un ultimo UP (altrimenti poi i moderatori, giustamenti, si arrabbiano ^^)

Nessuno? dovrebbe essere così semplice per voi experts in js:

fare in modo che appaia "nascondi testo" quando questo è aperto...

ho provato con un if e un document.write ma non sembra funzionare

**Mich_** · 10-02-2005, 12:31

No document.write() : ti cancella tutta la pagina.

Devi usare
getElementById('ID_OGGETTO').innerHTML = "nuovo testo";

**Iwk_Batterio** · 13-02-2005, 15:57

Scusami ma temo di non aver capito:

Se al momento di scrivere la frase mostra/nascondi metto:

codice:

<script language="javascript">
<!--
if (document.getElementById('mostra').style.display=='none' ||document.getElementById('mostra').style.display=='') {
getElementById('mostra').innerHTML = "Mostra"; 
} else {
getElementById('mostra').innerHTML = "Nascondi";
 }
//-->
</script>

come fa a stamparmi la frase a monitor? Scusami ma di js sono a 0

**Iwk_Batterio** · 13-02-2005, 16:33

ho provato così:

codice:

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

function stato() {
 if (document.getElementById('mostra').style.display=='none' || document.getElementById('mostra').style.display=='') {
  document.getElementById('stato').innerHTML=Mostra;
 }
 else {
  document.getElementById('stato').innerHTML=Nascondi;
 }
}

//-->
</script>

mettendo su body --> onload="stato();"

e dove deve stampare la scritta --> <div id="stato"></div>

Solo che IE mi restituisce questo errore: 'Mostra' non è definito.

**br1** · 13-02-2005, 16:39

codice:

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

Per la compatibilita' non posso testarlo

ciao

**Iwk_Batterio** · 14-02-2005, 22:14

Ok, fin qua ci sono... ma cosa devo mettere dove voglio che appaia il testo?

<div id="mylink"></div> non funziona

Discussione: Problema con visualizzazione testo con js

Strumenti discussione

Ricerca discussione

Visualizza

Problema con visualizzazione testo con js

Permessi di invio