Javascript per testo a scomparsa

[hagar]

Salve a tutti!!!

Sto cercando uno script per fare in modo di avere un testo suddiviso in paragrafi con solo questi visibili ed il testo dei vari paragrafi che si apre e chiude di volta in volta cliccando sui titoli in modo da poter mettere un testo molto lungo in uno spazio minore.

Spero di essermi spiegato bene... se qualcuno mi può indicare dove trovare uno script che fa al caso mio...

GRAZIE

HAGAR

[Mich_]

E` un classico problema che si risolve con i CSS (anche senza l'uso di JS).

Potresti prendere spunto dai menu fatti con CSS o nelle pagine tipo constile.org (ne trovi tra i link citati nei "link utili").

[hagar]

Ciao

Potresti essere un po più specifico perchè non trovo nessun aiuto nel sito constile.org

Grazie

HAGAR

[Mich_]

Ecco un esempio: http://www.constile.org/tips/banner_...ili_con_i_css/
E` per un banner, ma il tuo

oppure <div> che deve aprirsi puoi considerarlo come un banner.

Un esempio un po' piu` completo (e complesso): http://www.constile.org/template/menu_verticali/

E questi sono link nella homepage di constile.

Altre cose si possono trovare nelle pagine interne, oppure nei link della colonna a centro-destra della homepage.

[hagar]

Proverò a studiare il link che mi avete dato ma io volevo semplicemente capire come poter inserire una frase e renderla cliccabile in modo che comparisse un testo sotto di essa prima della frase cliccabile successiva e che ricliccando sulla stessa il testo si chiudesse... non potete darmi qualche esempio più attinente a questo???

Grazie

HAGAR

[pierofix]

Il concetto è lo stesso:

- http://www.re1.it/pierofix/dom_mostranascondi.html

[Mich_]

Quello che vuoi fare e` esattamente quello che fanno i menu espandibili.

Si puo` fare un approccio con solo CSS, oppure si puo` anche fare con JS + CSS (DHTML), che pero` a mio avviso complica la pagina un po` piu` del necessario.

Esempio con JS:

titolo del paragrafo 1
<p id="par1" style="display:none;"> qui ci deve stare il testo del paragrafo 1 </p>

titolo del paragrafo 2
<p id="par2" style="display:none;"> qui ci deve stare il testo del paragrafo 2 </p>
...

Nella head della pagina, ci dovra` essere uno script che contiene:

var parprec = 0;
function vedi(par) {
  if(parprec) {
    document.getElementById(parprec).style.display = 'none';
  }
  document.getElementById(par).style.display = 'block';
  parprec = par;
}

Al posto di onclick puoi usare anche onmouseover.