Discussion :

[NoobX]

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 :

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
 
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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"

merci

[SpaceFrog]

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

[NoobX]

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 :

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
 
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[seb974]

Salut,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[supersnail]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[NoobX]

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

[SpaceFrog]

essaye un truc du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function charge_page(page,sketchs) { 
 
...
 xhr.open('GET', page, true);
   xhr.send(sketchs);

[NoobX]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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
j'appel video.php?id=23 => IE7 affiche bien video.php?id=23
Je rappel video.php?id=22 => IE7 affiche toujours video.php?id=23
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

[seb974]

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

Content de t'avoir aidé Bye bye !

[NoobX]

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

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

[SpaceFrog]

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

[NoobX]

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 :

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
 
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoobX]

pour le formulaire je pensais a quelque chose comme ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoobX]

Bon bah tout est parfait Merci beaucoup a tous

[SpaceFrog]

tiens en prime :

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