Effetto campi nascosti

2002Moro · 26-07-2004, 12:55

Ciao, qualcuno sa dirmi come posso fare se in javascript si può fare quell'effetto che:

Ho una lista di titoli (più o meno lunghi e formattati in html), poi cliccando un titolo, mi compaia sotto la descrizione, senza ricaricare la pagina.

es:

Titolo1
Titolo2
Titolo3
Titolo4

se clicco per esempio Titolo2

Titolo1
Titolo2
-Questa è la descrizione del titolo 2
con suo testo e quant'altro voglio,
magari anche immagini..
Titolo3
Titolo4

Ciao a tutti!

**Mich_** · 26-07-2004, 13:38

TITOLOUNO
<p id="testouno' style="display:none;">
tutto il testo relativo al titolouno</p>

TITOLODUE
<p id="testodue' style="display:none;">
tutto il testo relativo al titolodue</p>
...

dove nella head della pagina c'e` la funzione:

codice:

function apri_chiudi(idd) {
  var obj = document.getElementById(idd);
  obj.style.display = (obj.display == 'none') ? 'block' : 'none';
}

2002Moro · 26-07-2004, 14:37

Ciao, come mai non va con questo codice?
cosa sbaglio?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Documento senza titolo</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">

</SCRIPT>
</HEAD>

<BODY>
TITOLOUNO
<p id="testouno' style="display:none;">
tutto il testo relativo al titolouno</p>

TITOLODUE
<p id="testodue' style="display:none;">
tutto il testo relativo al titolodue</p>
</BODY>
</HTML>

**Mich_** · 26-07-2004, 14:52

Che errore ti da`?
Conche browser stai testando?

Comunque questo attributo e` sbagliato:
TYPE="text/JavaScript"

prova a scrivere:
type="text/javascript"

2002Moro · 27-07-2004, 03:19

Ciao, sto usando IE6, e l'errore è:

Riga: 9
Carattere : 3
Errore: Necessario oggetto
Codice: 0

e poi quando apro la pagina non mi nasconde i testi

Che si fa? :master:

**Xinod** · 27-07-2004, 04:02

<p id="testouno'
chiaramente se apri con " non puoi chiudere con '

obj.style.display = (obj.style.display == 'none') ? 'block' : 'none';

**Mich_** · 27-07-2004, 08:55

Oooppps scusa!

Mi sa che ero mezzo addormentato ieri.

2002Moro · 27-07-2004, 15:26

Perfetto, ora funziona! Mitoco, grazie mille

2002Moro · 27-07-2004, 15:32

..dimenticavo una cosa

Siccome vorrei che quando uno è visibile gli altri si chiudano automaticamente,
come posso fare?

**Mich_** · 27-07-2004, 15:50

Si puo` fare anche quello, Prova queste modifiche; se non funzionano occorre fare qualcsa di piu` specifico (occorre conoscere meglio la struttura della pagina).

codice:

<script language="JavaScript" type="text/javascript">
<!--
var openidd = "";

function apri_chiudi(idd) {
  if(openidd != '') {
    document.getElementById(openidd).style.display = 'none';
  }
  var obj = document.getElementById(idd);
  if(obj.style.display == 'none') {
    obj.style.display = 'block';
    openidd = idd;
  } else {
    obj.style.display = 'none';
    openidd = '';
  }
}
//-->
</SCRIPT>

Discussione: Effetto campi nascosti

Strumenti discussione

Ricerca discussione

Visualizza

Effetto campi nascosti

Permessi di invio