Changer les propriétés d'un block au clic

[Lino_62]

Bonjour,
Je souhaite changer la propriété display des blocks dans ma page, le but etant de faire comme une fonction ‹ suivant ›. Lors d’un clic sur ma balise

j’appelle une fonction qui vient changer la propriété display de deux blocks : un « actuel » affiché en ce moment et un autre « next » a afficher a la place d’ "actuel ". J’ai indéxé les ‹ id › de mes blocks dans un tableau et ensuite je ne parviens pas a faire ce que je veux… Voila mon code.

@""

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 »);
}
}

Merci de vos aides…
Voila aussi mon HTML:

@""

Je précise que la fonction marche lorsque j’appelle directement les identificateurs comme ceci:

@""

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 »);
}

Merci !
Edité le 26/11/2009 à 14:42

[Lino_62]

J’ai corrigé une erreur deja… c’est :

@""

tabId[i] = « " »+« b »+numblock+« " »;

car le parametre de getElementById est « b1 » et pas b1 ou b2 etc…

[Lino_62]

up