[AJAX] update Multiple div
Bonjour,
Je debute en ajax, et je souhaiterai mettre a jour plusieurs div a la suite d'une requete ajax.
Ca fonctionne bien avec un seul div, mais impossible d'en mettre a jour plusieurs. Est-ce possible? j'ai lu pas mal d'article sur le web, mais honnetement je n'ai pas assez compris les exemples pour pouvoir les adapter a mon cas...
Alors voila, je vous soumet mon probleme:
mon formulaire:
Code:
1
2
3
4
5
6
7
8
9
| <select name="question2" onChange="newquestion(this)">
<option value="">Click Here to select</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<div id="combo2"></div>
<div id="combo3"></div>
<div id="combo4"></div> |
le javascript:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
| function makeConnexion() {
var connexion;
connexion = window.XMLHttpRequest
? new XMLHttpRequest() :
new ActiveXObject("Microsoft.XMLHTTP");
return connexion;
}
var http = makeConnexion();
function newquestion(objselect) {
var question2 =objselect.options[objselect.selectedIndex].value;
http.open('get', 'modules/mailing/questions.php?answer='+question2);
http.onreadystatechange = displaylist;
http.send(null);
}
function displaylist(){
if(http.readyState == 4){
var response = http.responseText;
document.getElementById("combo2").innerHTML=response;
}
else
{
/*alert('Etape '+http.readyState);*/
}
} |
et enfin, questions.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <?php
if ($_GET['answer']=="Yes"){
$html ='<table width="100%" border="1">
<select name="question3">
<option value="immediate">Immediate Registration</option>
<option value="3.5">3.5 years</option>
<option value="6">6 years</option>
</select>';
}
else {
$html='';
}
echo $html;
?> |
j'ai essayer en adaptant ca, http://www.seopher.com/articles/mult...otools_and_php
mais ca marche pas :(
Est-ce que quelqu'un a deja mis un script du genre en place??
Merci pour votre aide!
A+
VooDoo
