[JS] incrémenter un id de block
bastienf62
-
bastienf62 -
bastienf62 -
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.
Help please !!
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 !!
A voir également:
- [JS] incrémenter un id de block
- Block breaker - Accueil - Services en ligne
- Code block - Télécharger - Langages
- Id telephone - Guide
- Block pub youtube - Accueil - Streaming
- Usb block - Télécharger - Pare-feu
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");
}
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.
