Bonjour tout le monde ! je d�bute en Ajax, et la ...c'est la gal�re qui commence . 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

index.htm
Code : S�lectionner tout - Visualiser dans une fen�tre � part
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 : S�lectionner tout - Visualiser dans une fen�tre � part
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 : S�lectionner tout - Visualiser dans une fen�tre � part
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].">";
?>