[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].">";
?> |
