[AJAX] Utilisation Ajax et IE
Bonjour tout le monde ! je d�bute en Ajax, et la ...c'est la gal�re qui commence :cry:. En guise d'�chauffement j'ai voulu faire une petite page qui affiche permet de faire defiler des images dans un petit <div>.
Ca fonctionne impeccable sous firefox, du premier coup d'ailleurs. Puis sous IE rien du tout. La premi�re image s'affiche, et rien ne se passe quand on appuie sur un des boutons.
Si quelqu'un a une id�e, merci de partager :mouarf:
index.htm
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| <html>
<head>
<script src="javascript.js">
</script>
</head>
<body onload="actionPage('init');">
<div class=image id=img style="width:450px;height:450px;border:1px solid;"></div>
<input type=button value="<--" onClick="actionPage('precedente');">
<input type=button value="-->" onClick="actionPage('suivante');">
<a href=# onClick="alert(blabla);">blabla</a>
</body>
</html> |
javascript.js
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function actionPage(action) {
if (XMLHttpRequestObject) {
XMLHttpRequestObject.onreadystatechange = function()
{
if (XMLHttpRequestObject.readyState == 1) {
el = document.getElementById("img");
el.innerHTML = "<b>Chargement en cours</b>";
} else if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
el = document.getElementById("img");
el.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.open("GET", "indexphp.php?action="+action, true);
XMLHttpRequestObject.send(null);
}
} |
indexphp.php
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
36
37
38
39
40
41
|
<?
session_start();
function afficheImageInit() {
$rep1="./images";
$rep2=opendir($rep1);
$i=0;
while ($file = readdir($rep2)) {
if (($file!=".")&&($file!="..")) {
$_SESSION['init'][$i]=$file;
$i++;
}
}
closedir($rep2);
$_SESSION['max']=$i-1;
$_SESSION['position']=0;
}
switch($_GET['action']) {
case "init":
afficheImageInit();
break;
case "precedente":
if($_SESSION['position']>0) {
$_SESSION['position']--;
} else {
$_SESSION['position']=$_SESSION['max'];
}
break;
case "suivante":
if($_SESSION['position']<$_SESSION['max']) {
$_SESSION['position']++;
} else {
$_SESSION['position']=0;
}
break;
}
$position=$_SESSION['position'];
echo "<img src=images/".$_SESSION['init'][$position].">";
?> |
