[AJAX] IE7 : lien qui ne fonctionne qu'une fois :(

Bonjour a tous !

J'ai un script qui me permet d'appeler une page precise (lapage.php+id=..) et de l'afficher dans un "div" bien precis !
Sous FF2/FF3 pas de probleme, enrevanche sous IE7 je ne peux appeler une meme page qu'un seul fois


voisi le code :

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

function charge_page(sketchs,div) {   if (window.XMLHttpRequest) { xhr = new XMLHttpRequest();     } else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }     xhr.open('GET', sketchs, true); xhr.send(null);         xhr.onreadystatechange = function() { if (xhr.readyState == 4) {   if (xhr.status == 200) document.getElementById(div).innerHTML = xhr.responseText; else alert ("Erreur : " + xhr.status); } } }

---

et voici le lien a titre d'exemple :

Code:

---

1 2	<a href="javascript:charge_page('acc_lastvideo.php?id=$id','contenu');">CLICICI</a>

---

Sous IE7 ce lien ne fonctionnera qu'une seul fois, je pourrais ensuite appelé une autre video (lastvideo.php?id=27) mais je ne pourrais plus appeler la"26" tant que je ne relancerai pas IE7 :(

Vu que le javascript, est pour moi une espece de magie noir, j'fait appele a vos dons de sorciers car les miens sont en "maintenace" :aie:

merci ;)

tu mets la video avec un innerHTML dasn le div ????

Afin d'eliminer certains probleme pouvant provenir de l'utilistatin de 2 variable, je n'en transmet plus qu'une pour le moment "sketchs", deplus afin d'eliminer des problemes pouvant provenir du div cible j'ai supprimer la ligne "document.getElementById(div).innerHTML = xhr.responseText;"

pour la remplacer par un simple alert "alert(sketchs);"

donc voici le code actuel (qui ne fonctionne toujours qu'une fois avec IE7 :

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

function charge_page(sketchs) { if (window.XMLHttpRequest) { xhr = new XMLHttpRequest();     } else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }     xhr.open('GET', sketchs, true); xhr.send(null);         xhr.onreadystatechange = function() { if (xhr.readyState == 4) {   if (xhr.status == 200) // document.getElementById(div).innerHTML = xhr.responseText; alert(sketchs);   else alert ("Erreur : " + xhr.status); } } }

---

Enfin voici la nouvel forme de lien que j'utilise

Code:

---

1 2 3

<a href="javascript:void(0)" onclick="charge_page('video.php?id=$id',);return false;">CLICICI</a>

---

Salut,

Essai de faire en sorte que le navigateur ne garde pas le cache pour voir :

Code:

---

header("Cache-Control: no-cache");

---

faut mettre un numéro aléatoire sinon ça marche pas...
du genre:

Code:

---

1 2	<a href="javascript:charge_page('acc_lastvideo.php?id=$id&random=' + Math.Random(),'contenu');">CLICICI</a>

---

(à cause du cache d'IE...)

bien entendu j'ai plusieurs lien avec des Id diferents donc je clic sur un lien "id=22" puis apres je clic sur "id=23" puis je reviens sur "id=22" et la ca marche plus

essaye un truc du genre :

Code:

---

onclick="charge_page('video.php',<?php echo $id; ?>',);return false;"

---

et

Code:

---

1 2 3 4 5

function charge_page(page,sketchs) {   ... xhr.open('GET', page, true); xhr.send(sketchs);

---

Bon je pense avoir trouvé une parade !
Je dis parade plus que solution car cela me semble un peu etrange ....

c'est Supersnail qui m'a mis l'idée en tete en parlant de cache !
J'ai simplement ajouté

Code:

---

1 2 3

Header('Cache-Control: no-cache'); Header('Pragma: no-cache');

---

a ma page video.php et depuis tout semble etre rentré dans l'ordre !
Visiblement IE7 comprend rien ^^ (tiens comme c'est etonnant)

ex :
j'appel video.php?id=22 => IE7 affiche bien video.php?id=22 :king:
j'appel video.php?id=23 => IE7 affiche bien video.php?id=23 :king:
Je rappel video.php?id=22 => IE7 affiche toujours video.php?id=23 :evilred:
un probleme de cache sans doute .....
avec "no-cache" plus de probleme.

bon deja merci a SF pour sa patience et merci a Supersnail
Je verifie que ca n'engendre pas d'autres problems et je mettrai résolu si tout va vraiment bien un peu plus tard ;)

J'aimerai bien avoir le bon code ajax qui evite ce genre de probleme quand meme! vos idées sont les bienvenues ;)

Hum je sais pas si tu as vu, mais je t'avais donné le truc à mettre (juste au dessus du post de supersnail :P).

Content de t'avoir aidé ;) Bye bye ! :)

Citation:

---

Envoyé par seb974

Hum je sais pas si tu as vu, mais je t'avais donné le truc à mettre (juste au dessus du poste de supersnail :P).

Content de t'avoir aidé ;) Bye bye ! :)

---

Arf me*** bon bah désolé j'avais pas vu j'etais a fond dans mon probleme et du coup j'ai sauté ton message bon bref tu avais raison ^^

MERCI ;)

sauf qu'au lieu du random je te conseillerais de mettre un new date ...

bon apres pas mal de tergiversation (<== premier fois que je place ce mot ^^), j'emploie finalement la methode POST qui permet de ne plus avoir de probleme de cache et qui me permet de traiter les liens et les formulaire de la meme manniere !
et plus c'est simple et plus ca me plait ;)

Voici donc mon script actuel

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

function charge_page(pagecible,sketchs,div) {     if (window.XMLHttpRequest) { xhr = new XMLHttpRequest();     } else if (window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }     xhr.open('POST', pagecible, true); xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send(sketchs);         xhr.onreadystatechange = function() { if (xhr.readyState == 4) {   if (xhr.status == 200) document.getElementById(div).innerHTML = xhr.responseText;   else alert ("Erreur : " + xhr.status); } }   }

---

Maintenant j'utililse 3 variables :

.pagecible => page php que j'appelle
.sketchs => ex:"id=5" mais elle peux aussi devenir "recherche=voiture" ou "kirikou=gentil"
.div => j'ai 3 div sur ma page et donc je choisi ou je veux afficher le resultat de ma requette

voila un lien

Code:

---

1 2	a href="javascript:void(0)" onclick="charge_page('acc_lastvideo.php','id=$id','contenu');return false;"> CLIC ICI</a>

---

tout ca fonctionne tres bien

En revanche je ne comprend pas comment procédé avec un formulaire

ex :

Code:

---

1 2 3 4 5 6 7

<form action="" method="post" name="recherche" > MENU DE RECHERCHE <input id ="cherche" name="cherche" type="text" />   <input name="rechercher" type="button" value="rechercher" onclick="charge_page('recherche.php','','list');return false;" /> </form>

---

des formulaires qui envoient sur une page php directement ca j'en ai fait pas mal mais la .. je suis perdu

Code:

---

1 2 3 4 5 6

<form action="javascript:SendForm()" method="post" name="recherche" > MENU DE RECHERCHE <input id ="cherche" name="cherche" type="text" />   <input name="rechercher" type="button" value="rechercher" onclick="charge_page('recherche.php','','list');return false;" /> </form>

---

avec la fonction SendForm() qui recupère les saises et en fait un xhr.send

pour le formulaire je pensais a quelque chose comme ca :

Code:

---

1 2 3 4 5 6 7

<form method="post" name="recherche" > MENU DE RECHERCHE <input id="cherche" name="cherche" type="text" />   <input name="rechercher" type="button" value="rechercher" onclick="charge_page('recherche.php','cherche='+document.getElementById(\'cherche\').value','list');return false;" /> </form>

---

Code:

---

1 2 3 4 5 6

<form action="javascript:void(0)" method="get" name="rechercher" > MENU DE RECHERCHE <input id="cherche" name="cherche1" type="text" />   <input name="rechercher1" type="button" value="rechercher" onclick="charge_page('recherche.php','cherche='+document.getElementById(\'cherche\').value','list');return false;" /> </form>

---

Code:

---

<input name="rechercher1" type="button" value="rechercher" onclick="charge_page('recherche.php','cherche='+document.getElementById('cherche').value,'list');return false;" />

---

Bon bah tout est parfait Merci beaucoup a tous ;)

tiens en prime :

http://www.developpez.net/forums/d60...x/#post3575908