Discussion :

[johnson95]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Sh4dow49]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ^^ )