Imam tri dela forme sa nazivima indexa: accountBox,profileBox i inputsBox.
Moja ideja je da klik na dugme next zameni vrednost svojstva display i na taj nacin zameni prikazani deo fore.
Ne znam backend tehnologije(php,java i sl) i nije mi bitno da li bi ovo funkcionisalo.
Trenutno me zanima samo vizuelni izgled.
Code:
document.getElementById("next").onclick = nextForm; //na klik bi trebalo da se izvrsi funkcija nextForm
//next je ime dugmeta next dugmeta
document.getElementById("accountBox").style.display = "block"; //ovaj red mislim da je nepotreban
function nextForm() {
var obrazci = ["accountBox","profileBox","inputsBox"]; //elementi nizova su nazivi indexa delova formi
for (i = 0; i < 2; i++ ){ //znam da je bolje i < obrazci.length-1 ali ajde
var k = i + 1; //posto ima tri obrazca sa treceg obrazca ideja je da dugme next nema funkciju pa je i<2
if (document.getElementById(obrazci[i]).style.display == "block" ){
document.getElementById(obrazci[i]).style.display = "none";
document.getElementById(obrazci[k]).style.display = "block";
}
}
}
document.getElementById("next").onclick = nextForm; //na klik bi trebalo da se izvrsi funkcija nextForm
//next je ime dugmeta next dugmeta
document.getElementById("accountBox").style.display = "block"; //ovaj red mislim da je nepotreban
function nextForm() {
var obrazci = ["accountBox","profileBox","inputsBox"]; //elementi nizova su nazivi indexa delova formi
for (i = 0; i < 2; i++ ){ //znam da je bolje i < obrazci.length-1 ali ajde
var k = i + 1; //posto ima tri obrazca sa treceg obrazca ideja je da dugme next nema funkciju pa je i<2
if (document.getElementById(obrazci[i]).style.display == "block" ){
document.getElementById(obrazci[i]).style.display = "none";
document.getElementById(obrazci[k]).style.display = "block";
}
}
}
U css-sam definisao da profileBox i inputsBox imaju "none" vrednosti svojstva display dok account ima pocetnu vrednost "block".
Pitanje
U cemu je konkretan problem sto ova skripta sa prvog prebacuje na treci a ne na drugi deo.
Koja je dobra praksa za realizaciju next i previous dugmadi. ima li boljeg resenja za "kretanje" od uvecanja ili smanjenja indexa za 1.
Hvala unapred.