[AJAX] "injection php" avec Ajax.
Bonjour à toutes & à tous,
Avant tout, je souhaite à prevenir que je suis tres novice dans le web 2.0 et nottament l'Ajax.
voici mon probleme:
Une fonction ajax s'exécute sur l'evenement onchange d'une balise select.
Je souhaiterai pouvoir injecter du php non pas dans une balise div, mais dans 2 balises div distinctes, et différencier le code a injecter en fonction des balises.
Me basant sur l'exemple proposé sur dev.com :
http://siddh.developpez.com/articles/ajax/
(pour les puristes, étant donné que je fais de l'injection php et que par conséquent je n'utilise pas d'XML, on ne peut pas parler réellement d'AjaX).
voici mon code epuré, basé sur l'exemple proposé par dev.com, pour 1 injection php.
Comment le modifier pour pouvoir faire 2 injections différentes dans 2 balises div distinctes.
(Sans passer par 2 fonctions différentes, car je présente un exemple simple ou je n'ai que 2 injections a faire, mais je vais etre ammener a faire plusieurs injections (5-6 en meme tps).
MaPage.php avec les 2 div:
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 28 29 30 31 32 33 34
| <html>
.......
.......
<script>
function ajaxpenalites()
{
var xhr = getXhr();
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
leselect = xhr.responseText;
document.getElementById('MaDiv1').innerHTML = leselect;
}
}
xhr.open("POST","ajaxPenalites.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
sel = document.getElementById('id_pou');
idpou = sel.options[sel.selectedIndex].value;
xhr.send("MonIDPou="+idpou);
}
</script>
.....
.....
<select name='id_pou' onchange='ajaxpenalites()'>.....</select>
.....
.....
<div id='MaDiv1'></div>
.....
.....
<div id='MaDiv2'></div>
.....
.....
</html> |
Ajaxpenalites.php
Code:
1 2 3 4 5
| <?php
.....
//Mon injection php avec des echo
.....
?> |
J'espere avoir été le plus clair possible, merci par avance de vos solutions.