Onclick sur Image --> Ajax
Bonjour,
Je suis assez newbies dans le javascript + Ajax.
Mon but :
Grâce à l'évènement onclick sur une image, je souhaiterais envoyer des éléments à page, à partir de cette page j'effectuerai le traitement.
Mon code ne fonctionne pas et lorsque je vais ( sous firefox ) dans Outils -> Console d'erreur, ce dernier me renvoie rien.
Voici mon code :
Dans mon head
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
35
|
<script type="text/javascript">
function sendDataPlus(param, page, idbloc)
{
if(document.all)
{
//Internet Explorer
var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
}//fin if
else
{
//Mozilla
var XhrObj = new XMLHttpRequest();
}//fin else
//definition de l'endroit d'affichage:
var content = idbloc;
XhrObj.open("POST", page);
//Ok pour la page cible
XhrObj.onreadystatechange = function()
{
if (XhrObj.readyState == 4 && XhrObj.status == 200)
content.innerHTML = XhrObj.responseText ;
}
XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XhrObj.send(param);
}//fin fonction SendData
</script> |
Ma page d'action
Code:
1
2
3
4
5
6
|
...
echo' <img src="images/mail.gif" onclick="sendDataPlus(\'valeur='.$valcont['mail'].'',\'notification.php?type=mail\',\'notif\')"></a>';
}
echo'<div id="notif"></div> |
Ma page de traitement : notification.php
Code:
1
2
3
4
5
6
| <?
header('Content-type: text') ; // on déclare ce qui va être afficher
echo 'Ceci est un test';
?> |
Ce qu'il devrait ce passer :
dans mon div : notif, je devrais pouvoir lire : "Ceci est un test".
Mais là rien, et pas d'erreur.
Est ce que j'ai loupé quelque chose ou mal compris ?
Merci beaucoup pour votre coup de pouce
Cordialement
