Pourquoi ma page se réactualise ? [Résolu]

Pierrick81 · 12/08/2011, 17h50

Bonjour à tous,

J'ai récupéré ce script pour installer la possibilité de voter sur mon site.
J'ai créé une page de test et tout fonctionne très bien, le vote est pris en compte sans aucune réactualisation de la page.
J'ai même afficher time(), pour voir si ça se réactualisait et ce n'est pas le cas.
Voilà la page de test : Page de test

Par contre lorsque j'insère le script dans le cadre de mon site, lorsque je clique sur une étoile pour voter la page se réactualise !

Voilà un exemple : Exemple

A quoi cela est-il du ?

Merci de votre aide.

jreaux62 · 12/08/2011, 18h21

Bonjour,
Vérifie l'ordre d'appel de tes fichiers .js
Certains doivent être appelés avant les autres.

En espérant qu'ils n'entrent pas en conflit les uns avec les autres....

Pierrick81 · 12/08/2011, 18h32

Merci.

Peux-tu m'en dire un peu plus à ce sujet ?

Sur quoi joue l'ordre d'ouverture des fichiers JS ?

Comment savoir dans quel ordre les inclure ?

Merci d'avance.

jreaux62 · 12/08/2011, 18h44

Je ne peux pas tester ta page à ta place ...

Pierrick81 · 12/08/2011, 18h54

Non ça j'imagine bien

, mais je cherche à comprendre pourquoi tel script devrait être avant tel autre script.

J'ai essayé de déplacer mes 2 scripts JS utilisés dans ce code. Une fois en les mettant en premier, et une autre fois en les mettant en dernier dans le code, et le problème de réactualisation reste le même.

Donc si je comprenais, peut-être que j'arriverai à chercher au bon endroit.

Merci

Bovino · 12/08/2011, 18h59

Classiquement, un script défini des fonctions et des appels de fonctions. Tu peux donc avoir la définition d'une fonction dans un script et son appel dans un autre. Du coup, si tu modifies l'ordre et que l'appel d'une fonction se fait avant qu'elle ne soit définie, ben ça marche moins bien

Ceci dit, dans ton cas, ça ressemble plus à des liens <a> dont l'action par défaut n'a pas été inhibée, par exemple avec un return false dans le code JavaScript appelé lors du clic.

Pierrick81 · 12/08/2011, 19h21

Merci Bovino. On est peut-être pas loin.
Mais alors ce return false, il faut que je le mette au niveau du lien <a> lorsque je clique sur l'étoile pour voter ?

Par exemple mon lien est comme ça :

Code :

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

<a href="db.php?j=1&amp;q=652&amp;t=82.237.9.156&amp;c=5" title="1 sur 5" class="r1-unit rater" rel="nofollow">1</a>

Il faut que je rajoute return false ?
Ce qui ferait :

Code :

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

<a href="db.php?j=1&amp;q=652&amp;t=82.237.9.156&amp;c=5" title="1 sur 5" class="r1-unit rater" rel="nofollow" return false>1</a>

J'ai essayé et ça ne change rien.

Ce qui est étonnant c'est qu'en fait lorsque je veux insérer un vote, je n'ai juste qu'à rajouter :

Code :

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

<?php echo rating_bar($valeur['id'],''); ?>

et en fait j'utilise cette même méthode dans mon fichier test et dans mon fichier exemple.
Je dirai plus qu'il y a un conflit mais je ne sais pas trop où !
Merci de votre aide.

andry.aime · 13/08/2011, 07h01

Bonjour,

Je ne suis pas allé voir ton site (en fait tu dois nous poster ton code), mais tu devrais faire quelque chose comme ça:

Code html :

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

<a href="db.php?j=1&amp;q=652&amp;t=82.237.9.156&amp;c=5" title="1 sur 5" class="r1-unit rater" rel="nofollow" onclick="fonctionAjax(this.href); return false;">1</a>

Code :

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

1
2
3
4
5
6
7
8
9
10
function fonctionAjax(url){
	var xhr = getXhr()
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
			alert(xhr.responseText);
		}
	}
	xhr.open("GET",url,true);
	xhr.send(null);
}

A+.

Pierrick81 · 13/08/2011, 09h53

Merci andry.aime.
J'ai essayé ta technique mais ça ne fonctionne pas.
J'ai mis la fonction fonctionAjax, dans un des fichiers JS que j'utilise pour cette fonction. C'était bien là qu'il fallait le mettre ?

Vu que tu me demandes le code, le voilà :

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
<?php require('_drawrating.php'); ?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Multiple Ajax Star Rating Bars</title>
 
<script type="text/javascript" language="javascript" src="../js/behavior.js"></script>
<script type="text/javascript" language="javascript" src="../js/rating.js"></script>
 
<link rel="stylesheet" type="text/css" href="../style/rating.css" />
</head>
 
<body>
 
<?php echo rating_bar('id21',''); 
echo time();
?>
 
 
</body>
</html>

Ce code est celui de ma page de test.
Je fais un echo time(); pour être sûr que la page ne se réactualise pas, et effectivement elle ne se réactualise pas. Par contre le vote est bien pris en compte et le résultat du vote s'affiche.

Dans mon site, j'ai remis le require tout en haut du code, puis l'inclusion des scripts et de la page de style, puis j'ai inséré

Code :

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

1
2
3
<?php echo rating_bar('id21',''); 
echo time();
?>

Cela affiche bien le système de vote, mais lorsque je clique dessus la page se recharge en entier.

Si vous avez besoin d'autres parties de mon code, demandez moi, mais mon site commence à être un peu compliqué avec beaucoup d'include et de fonction PHP ainsi que du JS pour la gestion de l'API GoogleMapsV3.

Merci de votre aide.

Pierrick81 · 23/08/2011, 11h21

Bonjour,

Je reviens vers vous, car j'ai avancé ce matin, pour identifier exactement la ligne qui entrait en conflit et qui fait que la page se réactualise en entier !

Voilà la coupable :

Code :

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

   <BODY onload='showVille(1,"<?php echo $ville;?>")' >

En fait si je retire le onload il n'y a plus de problème.

Mais le hic, c'est que j'ai absolument besoin d'executer cette fonction JS au moment du chargement de la page.
Y a t-il une autre solution ? Le mettre dans une balise SCRIPT ?

Merci de votre aide.

Pierrick81 · 23/08/2011, 11h52

En fait le problème est résolu tout simplement en ajoutant ces lignes là à la fin de mon fichier avant la balise </BODY>

Code :

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

1
2
3
<SCRIPT type="text/javascript"> 
	showVille(1,"<?php echo $ville;?>")
</SCRIPT>

Tout roule !

12/08/2011, 17h50	#1
Pierrick81 Membre à l'essai Inscription : décembre 2006 Messages : 169 Détails du profil Informations forums : Inscription : décembre 2006 Messages : 169 Points : 21 Points : 21	Pourquoi ma page se réactualise ? Bonjour à tous, J'ai récupéré ce script pour installer la possibilité de voter sur mon site. J'ai créé une page de test et tout fonctionne très bien, le vote est pris en compte sans aucune réactualisation de la page. J'ai même afficher time(), pour voir si ça se réactualisait et ce n'est pas le cas. Voilà la page de test : Page de test Par contre lorsque j'insère le script dans le cadre de mon site, lorsque je clique sur une étoile pour voter la page se réactualise ! Voilà un exemple : Exemple A quoi cela est-il du ? Merci de votre aide.
	00

12/08/2011, 18h21	#2
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Bonjour, Vérifie l'ordre d'appel de tes fichiers .js Certains doivent être appelés avant les autres. En espérant qu'ils n'entrent pas en conflit les uns avec les autres.... __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

12/08/2011, 18h44	#4
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Je ne peux pas tester ta page à ta place ... __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

12/08/2011, 18h59	#6
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 807 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 807 Points : 35 793 Points : 35 793	Classiquement, un script défini des fonctions et des appels de fonctions. Tu peux donc avoir la définition d'une fonction dans un script et son appel dans un autre. Du coup, si tu modifies l'ordre et que l'appel d'une fonction se fait avant qu'elle ne soit définie, ben ça marche moins bien Ceci dit, dans ton cas, ça ressemble plus à des liens <a> dont l'action par défaut n'a pas été inhibée, par exemple avec un return false dans le code JavaScript appelé lors du clic. __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

12/08/2011, 19h21	#7
Pierrick81 Membre à l'essai Inscription : décembre 2006 Messages : 169 Détails du profil Informations forums : Inscription : décembre 2006 Messages : 169 Points : 21 Points : 21	Merci Bovino. On est peut-être pas loin. Mais alors ce return false, il faut que je le mette au niveau du lien <a> lorsque je clique sur l'étoile pour voter ? Par exemple mon lien est comme ça : Code : Sélectionner tout - Visualiser dans une fenêtre à part <a href="db.php?j=1&q=652&t=82.237.9.156&c=5" title="1 sur 5" class="r1-unit rater" rel="nofollow">1</a> Il faut que je rajoute return false ? Ce qui ferait : Code : Sélectionner tout - Visualiser dans une fenêtre à part <a href="db.php?j=1&q=652&t=82.237.9.156&c=5" title="1 sur 5" class="r1-unit rater" rel="nofollow" return false>1</a> J'ai essayé et ça ne change rien. Ce qui est étonnant c'est qu'en fait lorsque je veux insérer un vote, je n'ai juste qu'à rajouter : Code : Sélectionner tout - Visualiser dans une fenêtre à part <?php echo rating_bar($valeur['id'],''); ?> et en fait j'utilise cette même méthode dans mon fichier test et dans mon fichier exemple. Je dirai plus qu'il y a un conflit mais je ne sais pas trop où ! Merci de votre aide.
	00

12/08/2011, 18h32	#3
Pierrick81 Membre à l'essai Inscription : décembre 2006 Messages : 169 Détails du profil Informations forums : Inscription : décembre 2006 Messages : 169 Points : 21 Points : 21	Merci. Peux-tu m'en dire un peu plus à ce sujet ? Sur quoi joue l'ordre d'ouverture des fichiers JS ? Comment savoir dans quel ordre les inclure ? Merci d'avance.
	00

12/08/2011, 18h54	#5
Pierrick81 Membre à l'essai Inscription : décembre 2006 Messages : 169 Détails du profil Informations forums : Inscription : décembre 2006 Messages : 169 Points : 21 Points : 21	Non ça j'imagine bien , mais je cherche à comprendre pourquoi tel script devrait être avant tel autre script. J'ai essayé de déplacer mes 2 scripts JS utilisés dans ce code. Une fois en les mettant en premier, et une autre fois en les mettant en dernier dans le code, et le problème de réactualisation reste le même. Donc si je comprenais, peut-être que j'arriverai à chercher au bon endroit. Merci
	00

23/08/2011, 11h21	#10
Pierrick81 Membre à l'essai Inscription : décembre 2006 Messages : 169 Détails du profil Informations forums : Inscription : décembre 2006 Messages : 169 Points : 21 Points : 21	Bonjour, Je reviens vers vous, car j'ai avancé ce matin, pour identifier exactement la ligne qui entrait en conflit et qui fait que la page se réactualise en entier ! Voilà la coupable : Code : Sélectionner tout - Visualiser dans une fenêtre à part <BODY onload='showVille(1,"<?php echo $ville;?>")' > En fait si je retire le onload il n'y a plus de problème. Mais le hic, c'est que j'ai absolument besoin d'executer cette fonction JS au moment du chargement de la page. Y a t-il une autre solution ? Le mettre dans une balise SCRIPT ? Merci de votre aide.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email