sfogliare layers come un libro.

[ra.denis]

ciao a tutti

vorrei sfogliare dei div come se fossero un libro (non intendo l'effetto che gira le pagine)

nella pagina i div vengono creati da uno script asp, il tag div e' piu' o meno cosi'

<div id="1" class="pagina">

e l'id e' progressivo.

come posso creare due funzioni javascript che mi nasconda/visualizza il giusto layer, chiamandole da due link tipo "precedente" e "prossimo".

penso che all'inizio mi serva una variabile che indichi la posizione corrente (o il layer da visualizzare) e che se clicco "prossimo" mi incrementi la variabile e nasconda i layer con id diverso da quello della variabile, ma come si fa in js?!?!?!?!

ps. la classe mette i layer uno sopra l'altro.

[Reale_Augello]

... così:

<script language="JavaScript" type="text/JavaScript">

var corrente=1;
var n=2; // numero di livelli
var livelli=document.getElementsByTagName('div');

function Sfoglia(azione) {
 if (azione=="avanti") {
  if (corrente<n) {
   corrente++;
   str="id"+corrente;
   for (i=0; i<livelli.length; i++)
    if (livelli[i].id.indexOf("id")!=-1) {
     if (livelli[i].id!=str) livelli[i].style.visibility="hidden";
     else livelli[i].style.visibility="visible";
    }
  }
 }
 else {
 if (corrente>1) {
   corrente--;
   str="id"+corrente;
   for (i=0; i<livelli.length; i++)
    if (livelli[i].id.indexOf("id")!=-1) {
     if (livelli[i].id!=str) livelli[i].style.visibility="hidden";
     else livelli[i].style.visibility="visible";
    }
  }
 }
}

</script>

Il richiamo è di questo tipo:

<input type="button" name="Submit" value="Indietro" onClick="Sfoglia('indietro');">
  <input type="button" name="Submit2" value="Avanti" onClick="Sfoglia('avanti');">

Ah... i livelli dovrebbero avere id del tipo "id1", "id2" e così via.

Ciao !

[ra.denis]

paaaaaura!!!

compliments cheers

[Reale_Augello]

Originariamente inviato da ra.denis
paaaaaura!!!

compliments cheers

Alla grande fratello !