Modifier deux balises div avec une fonction innerhtml

Bonjour,

Je possède sur une page internet :
une liste
deux tableaux

Ainsi lorsque je sélectionne un choix sur la liste, il faut que les deux tableaux se modifient, pour éviter de recharger la page, j'utilise actuellement "Innerhtml" qui me permet de modifier un tableau qui se trouve dans une balise <div>.

Maintenant je dois modifier un second tableau, celui ci ne peut être insérer dans la même balise <div> je me retrouve donc avec deux div à modifier.

Est'il possible de le faire avec innerhtml ?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function change(limite,mois,annee) { getXhr(); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) { document.getElementById('test').innerHTML=xhr.responseText; } } xhr.open("GET","tab_dyn.php?titre="+document.form1.select.options[document.form1.select.selectedIndex].text+"&mois="+mois+"&annee="+annee+"&nbr_jour="+limite,true); xhr.send(null); }

---

J'ai deja essayé de mettre deux evenements differents sur la liste afin d'appeller deux fonctions "innerhtml" différentes (bricolage je l'avoue) mais cela ne fonctionne pas!

Merci de votre aide

as-tu essayé d'utiliser la même fonction mais en modifiant comme ceci

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function change(id_du_div, limite,mois,annee) { getXhr(); xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200) { document.getElementById(id_du_div).innerHTML=xhr.responseText; } } xhr.open("GET","tab_dyn.php?titre="+document.form1.select.options[document.form1.select.selectedIndex].text+"&mois="+mois+"&annee="+annee+"&nbr_jour="+limite,true); xhr.send(null); }

---

Comme ca tu l'appelle deux fois mais en passant une valeur différente pour chaque div. Ca ne marcherait pas ? (ce n'est qu'une suggestion je ne suis pas vraiment calé en javascript ^^ )