[ 1boki1 @ 25.08.2016. 11:17 ] @
Pravim stepenovanu formu. 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"; } } } 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. |