informazioni da nascondere

[alesassa]

al momento creo le pagine html con asp visualizzando le informazioni in maniera uniforme +o- in questa maniera :

record1
dettaglio1 di record1
dettaglio2 di record1
dettaglio3 di record1

record2
dettaglio1 di record2
dettaglio2 di record2
dettaglio3 di record2

...
...

visto che dettaglio1,dettaglio2,dettaglio3 possono contenere informazioni lunghe, per migliorare la leggibilità di quello che vado a far vedere gradirei riuscire a creare un effetto di questo tipo (che ho visto in tanti siti)

+ record1

+ dettaglio1 di record1
+ dettaglio2 di record1
+ dettaglio3 di record1


il + di record1 rappresenta l'oggetto che mi offre la possibilità di nascondere o meno tutti i dettagli

il + di dettaglio1 rappresenta l'oggetto che mi offre la possibilità di nascondere o meno tutta la lista dei dettagli di dettaglio1

ecc....

per intenderci come se fosse un treeview

visto che le informazioni che visualizzo le posso avere solo lato server, questa cosa che io chiedo è forse possibile crearla con javascript ?

grazie
ale

[Mich_]

Per avere una visualizzazione specifica sul client, dovresti continuamente interrogare il server: serve quindi un sito a frames o comunque con una struttura che permetta il caricamento selettivo di parte di una pagina.

Con il solo JS e` possibile pero` visualizzare/nascondere una parte di una pagina: nella fattispecie uno piu` <div> modificando la proprieta` display del CSS relativo:

document.getElementById('ID_DEL_DIV').style.displa y = 'none';
document.getElementById('ID_DEL_DIV').style.displa y = 'block';

Questo comporta che tutta l'informazione sia presente nella pagina, mentre JS modifica solo la visibilita` della stessa.

Quello che tu hai visualizzato con + nel tuo post, puoi realizzarlo con un <a href="#" onclick="... ;return false;">
dove laposto dei ... puo` starci un JS come quelli sopra, o una chiamata ad una funzione piu` complessa.

Ciao
Michele

[alesassa]

hai per caso qualche esempio pratico (con codice) da potermi far vedere ?

non sono a livelli alti nel javascript e quindi ...

grazie
ale

[Mich_]

Al momento non ho nulla sottomano.

Io farei una cosa cosi`:



+record 1</p>
<div id="uno" class="...">


dettaglio1 di record1</p>


dettaglio2 di record1</p>


dettaglio3 di record1</p>



+record 2</p>
<div id="due" class="...">
....

dove la funzione cambia() e` di questo tipo:

function cambia(nome,lk) {
  var ogg = document.getElementById(nome);
  if(ogg.style.display == 'none') {
    ogg.style.display = 'block';
    lk.innerHTML = '-';
    alert("ho aperto il div" + nome);
  } else {
    ogg.style.display = 'none';
    lk.innerHTML = '+';
    alert("ho chiuso il div" + nome);
  }
}

Provala tu, perche` io non lo ho fatto.

Ciao
Michele