Discussion :

[leFred]

Bonjour,

Je développe une boutique en ligne; J'ai une page showShop.php qui contient plusieurs bloc : boutique, panier, infos; le bloc boutique va chercher via une fonction ajax (ou js, j'avoue que je sais pas trop, je l'ai adapté pour mes besoins mais je ne la comprends pas ), une chaine generée par boutique.php; dans cette chaine un bouton "commander" avec une fonction d'actualisation du panier; le problème, sous FF uniquement, lorsque j'appuie sur le bouton commander, j'ai, environ une fois sur 2, un "raffraichissement visible" du panier (ce que la fonction ajax est sensé éviter);or sous IE6 tout roule; auriez vous une idée ?

Le code :
Le chargement de la boutique via la fonction appelée sur le onload du body de showshop.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
//Fonction ajax de mise a jour de div
function actuAffiche(url,id)
{
	var xhr_object = null;
	var position = id;
	   if(window.XMLHttpRequest)  xhr_object = new XMLHttpRequest();
	  else
	    if (window.ActiveXObject)  xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
	// On ouvre la requete vers la page désirée
	xhr_object.open("GET", url, true);
	xhr_object.onreadystatechange = function(){
	if ( xhr_object.readyState == 4 )
	{
		// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
		document.getElementById(position).innerHTML = xhr_object.responseText;
 
	}
	}
	// dans le cas du get
	xhr_object.send(null);
 
}

La partie de la chaine générée par boutique php, contenant le bouton et l'appel de la fonction (c'est dans une boucle, pour chaque élément de la base:

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
$aStringResult=$aStringResult."
		<div class='$aClass' style='$aStyle'><Strong>$substrDesignation</strong>
		   <div class='fondMiniature'>
		       <div style='position:relative;top:".$top."px;left:".$left."px;'>
			     <img src=$aPic width=$dst_w  height=$dst_h>
			  </div>
			</div>
				<div class='fondMiniatureCache'></div>  			
			<div class='textDesc'>$substrDescriptif</div>
			<div class='addCart'>
				<div class='prix'><strong>$prix</strong></div>
		   		<li class='drop'>
                	<ul class='zbtnCaddie'><li><a href='#' title='Ajouter &agrave; votre commande' onmouseover='document.images[\"$idBtnPic\"].src=\"images/communes/site/caddieOver.gif\";' onmouseout='document.images[\"$idBtnPic\"].src=\"images/communes/site/caddieOut.gif\";'><span onmouseup='envoieRequete(\"panier.php?aId=$ID\",\"panier\",$ID);'><img src=\"images/communes/site/caddieOut.gif\" id='$idBtnPic' border='0'></span></a></li></ul>
				</li>
			</div>
			<form id='$formQuantityName' name='$formQuantityName' method='post' action='' class='formu' style='position:relative;top:-201px;left:195px;height:20px;float:left;'><strong>   Quantit&eacute;</strong><br>&nbsp;
  					<select id='$selectQuantityName' name='$selectQuantityName' class='select'>
    				<option>1</option>
    				<option>2</option>
    				<option>3</option>
    				<option>4</option>
    				<option>5</option>
  					</select> 
				</form>				
		</div>";

Les produits sont juste pour les tests, rien a voir avec le projet final; il faut donc cliquer sur le bouton "commander" pour voir l'effet et le bug sous Firefox;

L'adresse de test : http://.......
Merci de votre aide

[Bovino]

Désolé, j'ai pas réussi à reproduire le problème avec FF...

Mais plus important : tu développes un site marchand avec du code que tu ne comprends pas ? C'est pour le moins risqué comme façon de faire !

[leFred]

Désolé, j'ai pas réussi à reproduire le problème avec FF...
!

Quelle version de FF

Mais plus important : tu développes un site marchand avec du code que tu ne comprends pas ? C'est pour le moins risqué comme façon de faire !

Ben déja ce site est juste un projet perso d'apprentissage et la fonction je comprends son but et les différentes composantes, mais je n'en comprends pas le détails ligne par ligne...si tu est volontaire pour me la commenter je suis preneur

[Yop71-58]

Bah c'est une requête ajax classique...
Mais c'est vrai qu'attaquer l'ajax comme ça c'est plutôt hardu.

Si je peux me permettre, je te conseillerai de commencer l'ajax avec la très fameuse librairie prototype.js (http://www.prototypejs.org/)

Cette librairie te facilite grandement le javascript, et les requêtes ajax.
De plus elle a l'avantage de rendre le code compatible tout navigateurs.

Voilà pour l'ajax.Updater : http://www.prototypejs.org/api/ajax/updater

Enjoy

[E.Bzz]

Bonjour,

De plus elle a l'avantage de rendre le code compatible tout navigateurs.

... et l'inconvénient de permettre au développeur de baser tout son site sur Ajax, sans en comprendre le fonctionnement (et donc les limites)

Donc, oui pour la librairie, à condition d'avoir fait l'effort préalable de compréhension.

A+

[leFred]

Bobn ben c'est bien beau tout ça, mais est-ce que quelqu'un pourrait (au choix) :

1 - Tester mon truc sur firefox et me dire quelle version il a et si le bug se reproduit
2 - Regarder mon code et me dire ce qui ne vas pas dedans le cas échéant
3 - Me donner quelques commentaire sur ma fonction ajax pour me donner les bases de la compréhensions du truc

Pour le reste, je sais que plein de choses existent pour faire plein de truc de plein de façon et que j'ai pas choisi la meilleure, mais je rappelle que je suis en phase d'apprentissage autodidacte du php (je suis salarié par ailleurs donc l'ordi c'est 2-3 heure par jour max) et que ce projet est un terrain d'apprentissage et que donc chaque chose en son temps...

Merci de votre compréhension

[leFred]

Bon ben j'ai désinstallé puis réinstaller FF, j'ai toujours cet espèce de flash de raffraichissement sur le panier, rien n'y fait, j'ai le FF 2.0.014, et même en cliquant sur le mêm bouton plusieurs fois de suite, ça le fait en général 1 fois sur 2, c'est très étrange....

[leFred]

Bug trouvé, problème résolu...