[JS] incrémenter un id de block

Fermé
bastienf62 - 25 nov. 2009 à 21:31
 bastienf62 - 26 nov. 2009 à 12:14
Bonjour,
J'ai essayé de créer un script JS qui permettrait d'afficher un autre block que celui courant. Je m'explique : je récupere l'id du block actuellement affiché, puis celui du block à afficher ensuite. Je voudrais que lorsque je clique sur mon element fleche, une fonction incrémente le numéro de l'id pour afficher les blocks suivants. Le block suivant deviendra le block actuel et celui d'apres deviendrai le suivant.
j'ai essayé de mettre les variables a l'exterieur des fonctions et ainsi les exploiter mais je n'y parviens pas.
function browseNext(){
				var actu = document.getElementById("b1");
				var next = document.getElementById("b2");
				actu.setAttribute("style","display:none");
				next.setAttribute("style","display:block;width:120px;height:370px");
				incr(actu);
				incr(next);
			}
			function incr(id){
				this.id = id;
				var numblock = id.substring(1,2);
				var block;
				var evt = document.createEvent("MouseEvents"); // créer un évennement souris
				evt.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); // intiailser l'évennement déja crée par un click
				var cb = document.getElementById("flechenext"); // pointer sur l'élement qui a l'id "checkbox"
				if(cb.dispatchEvent(evt)){ // envoyer l'évennement vers l'élement 
					numblock++;
					block =  "b"+numblock;
				} 
			}


Help please !!

2 réponses

J'ai pensé à indexer chaque numéro de block dans un tableau, mais ensuite je ne vois pas comment faire...
function browseNext(){
				var tabId = new Array();
				var numblock=1;
				for (i=0; i<=3; i++){
					tabId[i] = "b"+numblock;
					numblock++;
				}
				var evt = document.createEvent("MouseEvents"); // créer un évennement souris
				evt.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); // intiailser l'évennement déja crée par un click
				var cb = document.getElementById("flechenext"); // pointer sur l'élement qui a l'id "checkbox"
				if(cb.dispatchEvent(evt) && while(numblock<5)){ // un truc du genre... ce nest pas bon
					var actu = document.getElementById(tabId[0]);
					var next = document.getElementById(tabId[1]);
					actu.setAttribute("style","display:none");
					next.setAttribute("style","display:block;width:120px;height:370px");
			}
0
		function browseNext(){
				var tabId = new Array();
				var numblock=1;
				for (i=0; i<=3; i++){
					tabId[i] = "b"+numblock;
					numblock++;
				}
				var evt = document.createEvent("MouseEvents"); // créer un évennement souris
				evt.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); // intiailser l'évennement déja crée par un click
				var cb = document.getElementById("flechenext"); // pointer sur l'élement qui a l'id "checkbox"
				var nbclicks=0;
				while(numblock<5){
					if(cb.dispatchEvent(evt)){
						nbclicks++;
					}
					if(nbclicks=1){
					var actu = document.getElementById(tabId[0]);
					var next = document.getElementById(tabId[1]);
					actu.setAttribute("style","display:none");
					next.setAttribute("style","display:block;width:120px;height:370px");
					}else if (nbclicks=2){
					var actu = document.getElementById(tabId[1]);
					var next = document.getElementById(tabId[2]);
					actu.setAttribute("style","display:none");
					next.setAttribute("style","display:block;width:120px;height:370px");
					} else if (nbclicks=3){
					var actu = document.getElementById(tabId[2]);
					var next = document.getElementById(tabId[3]);
					actu.setAttribute("style","display:none");
					next.setAttribute("style","display:block;width:120px;height:370px");
					} else if (nbclicks=4){
					var actu = document.getElementById(tabId[3]);
					var next = document.getElementById(tabId[4]);
					actu.setAttribute("style","display:none");
					next.setAttribute("style","display:block;width:120px;height:370px");
					} else { 
					var actu = document.getElementById(tabId[0]);
					var next = document.getElementById(tabId[1]);
					actu.setAttribute("style","display:none");
					next.setAttribute("style","display:block;width:120px;height:370px");
					}	
					
			}


Ou est l'erreur... Merci.
0