paginazione tra vari div

[essezeta]

ciao a tutti...
qualche esperto mi dà un consiglio?

mi serviva un sistema di paginazione tra vari elementi di una pagina
e con le 4 nozioni di .js che conosco ho provato a farmelo da me...

riesco ad ottenere quello che volevo...
è molto rudimentale... ma non mi importa...

volevo invece consultare i più esperti per sapere se questo sistema ha qualche controindicazione e se eventualmente esiste un metodo ancora più semplice e migliore...
:master:
Grazie in anticipo e comunque...


Ecco una DMEO ONLINE

ed ecco il codice semplificato:

<div id="div1">primo

next
</div>

<div style="display:none" id="div2">secondo

next
</div>

<div style="display:none" id="div3">terzo

next
</div>

<div style="display:none" id="div4">quarto

riavvolgi
</div>

<div style="display:none" id="div0">
div vuoto
</div>

<script type='text/javascript'>

var div0 = document.getElementById('div0')
var div1 = document.getElementById('div1')
var div2 = document.getElementById('div2')
var div3 = document.getElementById('div3')
var div4 = document.getElementById('div4')

function next1(){
var temp = div2.innerHTML
div0.innerHTML = div1.innerHTML
div1.innerHTML = temp
}

function next2(){
var temp = div3.innerHTML
div1.innerHTML = temp
}

function next3(){
var temp = div4.innerHTML
div1.innerHTML = temp
}

function riavvolgi(){
var temp = div0.innerHTML
div1.innerHTML = temp
}

</script>

[cavicchiandrea]

Partendo che è una operazione molto semplice, dipende a cosa serve, e che limiti hai.
Volendo puoi fare tutto anche con un solo div e cambiare contenuti e colore in base al click (vantaggi un sola funzione + leggera e una pagina + pulita) oppure puoi mantenere la struttura attuale (4 div) e eseguire un unica funzione che mostri/nasconda i vari div in base al click ricevuto (vantaggi qualche riga in meno di codice js).

[essezeta]

grazie mille, andrea, sei sempre molto gentile...

Volendo puoi fare tutto anche con un solo div e cambiare contenuti e colore in base al click (vantaggi un sola funzione + leggera e una pagina + pulita)

magari!!! ma come faccio a cambiare il contenuto di un solo div? da dove lo prendo? lo devo inserire una volta per tutte in una var?

il fatto è questo:
1-io genero dinamicamente una serie di contenuti in div identificati con un ID numerico progressivo, poniamo ID="div_1", ID="div_2", ID="div_3"...
2-contemporaneamente genero un div visualizzatore, poniamo di ID="mostra"

3-quindi vorrei "paginare" tra i vari div che genero...
io per ora ho risolto come illustarto sopra...
ovvero sono costreto a generare insieme ai vari ID="div_n" anche le loro corrispondenti funzioni,
così (nell'esempio che presento sopra) generando il div con ID="div_2" genero in parallelo anche
var div2 = document.getElementById('div2')

function next2(){
var temp = div3.innerHTML
div1.innerHTML = temp
}

Premetto che ai miei fini va già bene così come ho fatto...

Quello che sto cercando di capire è se posso impostare una funzionacina con una CONDIZIONE TALE CHE ottengo ad uno ad unno tutti gli ID="div_n" sostituendoli a ID="mostra" e quando arriva a quello col valore più grande si ferma...

secondo voi è possibile? come fareste una cosa del genere con uno script genrato una volta per tutte?

:master: