Discussion :

[samtheh]

Bonjour,

J'ai fait quelques parties d'ajax sur mon site perso/page d'accueil (http://www.edelweiss.org/)

Sur le lien informations générales, le problème c'est que lorsque l'on click sur le lien sous firefox cela fonctionne parfaitement et le résultat escompté est atteint mais lorsque l'on est sous IE et que l'on click, rien ne ce passe et on dirait que la page est rechargée.

Voici le code :

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
<p class="noir14" align="center" id="test2">
<a href="" id="lien1" onclick="gestionClic1(); return false;">  > Informations générales</a> (dernière mise à jour :  
</p>
 
 
 
 
<script language="javascript">
 
var http; // Notre objet XMLHttpRequest
var affichage=0;
var passage;
 
function createRequestObject()
{
    var http;
    if(window.XMLHttpRequest)
    { // Mozilla, Safari, ...
        http = new XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    { // Internet Explorer
        http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else { 
	// XMLHttpRequest non supporté par le navigateur
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
        return;
    }
    return http;
}
 
function gestionClic1()
{
 
    if(affichage==0)
    {
 
       if(passage!=1)
       {
         var miseajourDIV = document.createElement( 'div' );	
         miseajourDIV.setAttribute("id", "info");
         miseajourDIV.setAttribute("width", "60%");
         miseajourDIV.setAttribute("align", "center");
         document.getElementById('test2').appendChild(miseajourDIV);
	 passage=1;
       }
 
 
 
       document.getElementById('info').innerHTML = '<em>Chargement...</em>';
       http = createRequestObject();
       http.open('get', './scripts/informations-ajax.php', true);
       http.onreadystatechange = handleAJAXReturn1;
       http.send(null);
 
       document.getElementById('info').style.visibility="visible";  
 
       affichage=1;
    }
    else if(affichage==1)
    {
       document.getElementById('info').innerHTML = '';
       document.getElementById('info').style.visibility="hidden";
 
       affichage=0;
    }
}
 
function handleAJAXReturn1()
{
    if(http.readyState == 4)
    {
        if(http.status == 200)
        {
            document.getElementById('info').innerHTML = http.responseText;
        }
        else
        {
            document.getElementById('info').innerHTML = "<strong>N/A</strong>";
        }
    }
}
</script>

Avez vous une idée ?

Je vous remercie de vos réponses.

[kankrelune]

Salut... essaye ça...

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
 
 
var affichage=0;
var passage;
 
function createRequestObject()
{
   var http = null; // Notre objet XMLHttpRequest
 
   if (window.XMLHttpRequest) 
   {
       http = new XMLHttpRequest();
   }
   else if (window.ActiveXObject)  // if IE
   { 
	var ieversions = ['Msxml2.XMLHTTP',
				'Microsoft.XMLHTTP',
				'Msxml2.XMLHTTP.5.0',
				'Msxml2.XMLHTTP.4.0',
				'Msxml2.XMLHTTP.3.0'
			       ]; 
 
	for(var i=0; !http && i<ieversions.length; i++) 
	{ 
	     try
	     {
		http = new ActiveXObject(ieversions[i]);
	     } 
	     catch(e)  
             {  
                 http = null;
             }
	}
   }
 
   if (!http) 
      alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
 
   return http;
}
 
 
function gestionClic1()
{
    var info = document.getElementById('info');
 
    if(affichage==0)
    {
 
       if(passage!=1)
       {
         var miseajourDIV = document.createElement( 'div' );	
         miseajourDIV.setAttribute("id", "info");
         miseajourDIV.setAttribute("width", "60%");
         miseajourDIV.setAttribute("align", "center");
         document.getElementById('test2').appendChild(miseajourDIV);
	 passage=1;
       }
 
       info.style.visibility="visible";
       http = createRequestObject();
 
       if(http)
       {
           http.open('GET', './scripts/informations-ajax.php', true);
           http.onreadystatechange = function()
           {
               if(http.readyState == 4)
               {
                   if(http.status == 200 || http.status == 304)
                        info.innerHTML = http.responseText;
                           else
                              info.innerHTML = "<strong>Error " + http.status + " : " + http.statusText + "... .. .</strong>";
               }
               else info.innerHTML = '<em>Chargement... veuillez patienter... .. .</em>';
           };
           http.send(null);
        }
        else info.innerHTML = '<em>Echec du chargement des données... .. .</em>';
 
        affichage=1;
    }
    else
    {
       info.innerHTML = "";
       info.style.visibility = "hidden";
       affichage=0;
    }
}

@ tchaOo°

[samtheh]

J'ai essayé ton code tel quel à la suite du début de mon code posté (changement du javscript en gros) et du coup cela ne marche plus ni sous IE ni sous firefox ? LoL

Une autre idée ?

[samtheh]

Personne n'a une petite idée ?

Je vous remercie de vos réponses.