11499 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai vraiement besoin d'un oeil extérieur.
Je n'arrive pas à trouver mon erreur...

Quand je passe ma souris sur une des bagues,
je devrais avoir un pavé contextuel justeà droite de la cellule "onmouseové"...
Je n'ai rien...
Pourquoi ?

Voici mon problème :
http://www.celinni.com/creaprint/choisir-solitaire-diamant.htm

Je suis d'autant plus srupris, c'est qu'il y a peu,
cela fonctionnait... Qu'ai-je changé qui fait que
cela ne fonctionne plus !!!

Avec des yeux extérieurs tout neufs,
pouvez-vous me consacrer un peu de votre temps,
pour y jeter un oeil ?

D'avance merci.


lignes 504 et suivantes

	function search(oLig, oCol, oRecord) {
		alert("stop");
		x1 = (15+ oCol * 267) + "px";
		y1 = (634 + (oLig- 1) * 312) + "px";
		document.getElementById('details').style.top = y1;
		document.getElementById('details').style.left = x1;
		document.getElementById('details').style.visibility="visible";
		var requete = creerRequete();
		var url = "diamants/php/ajaxphp_post30.php";
		requete.open("POST", url, true);
		requete.onreadystatechange = function() {
			if (requete.readyState == 4 && requete.status == 200) {
				oInfos = document.getElementById('details');
				texte = requete.responseText;
				oInfos.innerHTML = texte.substr(1);
			}
		}
		requete.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		requete.send("item_id="+escape(oRecord));
	}


Voici "diamants/js/requete.js"
// JavaScript Document

function creerRequete() {
	var requete = null;
	try {
		requete = new XMLHttpRequest();	
	} catch (essaimicrosoft) {
		try {
			requete = new ActiveXObject("Msxml2.XMLHTTP");	
		} catch (autremicrosoft) {
			try {
				requete = new ActiveXObject("Microsoft.XMLHTTP");	
			} catch (echec) {
				requete = null;
			}
		}
	}

	if (requete == null) {
		alert("Impossible de créer l'objet requete");
	} else {
		return requete;
	}	
}


Voici "diamants/php/ajaxphp_post30.php"

<?php
	session_start();

	date_default_timezone_set('Europe/Brussels');

	require_once("connexionMysql.inc.php");

	$retour = "";
	if (isset($_REQUEST['item_id'])) {
		$query = mysql_query("SELECT * FROM monture_data".
			" WHERE ref_monture=".$_REQUEST['item_id']);
		$back = mysql_fetch_assoc($query);

		$reference = trim($back['ref_monture']);
		$finition = trim($back['finition']);
		$modele = trim($back['modele']);
		$carat = trim($back['carat']);
		$descriptif = trim($back['descriptif']);
		$jourdelai = trim($back['delai_fournisseur']);
		$largeurmin = trim($back['anneau_largeur_min']);
		$largeurmax = trim($back['anneau_largeur_max']);
		$epaisseur = trim($back['anneau_epaisseur']);
		$typesolitaire = trim($back['type_solitaire']);
		
		$nbpierrescotes = trim($back['nbre_pierres_cotes']);
		$nbpierresdessus = trim($back['nbre_pierres_dessus']);
		$nbpierrestotal = trim($back['nbre_pierres_total']);
	
		$prixfullht = trim($back['PV_full_HT']);
		$prixfullttc = trim($back['PV_full_TTC']);
		$prixht = trim($back['PV_HT']);
		$prixttc = trim($back['PV_TTC']);
		
		$max_carat_rond = trim($back['max_carat_rond']);
		$max_carat_marquise = trim($back['max_carat_marquise']);
		$max_carat_emeraude = trim($back['max_carat_emeraude']);
		$max_carat_radiant = trim($back['max_carat_radiant']);
		$max_carat_ovale = trim($back['max_carat_ovale']);
		$max_carat_poire = trim($back['max_carat_poire']);
		$max_carat_coeur = trim($back['max_carat_coeur']);
		$max_carat_aascher = trim($back['max_carat_aascher']);
		$max_carat_cs = trim($back['max_carat_cs']);
		$max_carat_autre = trim($back['max_carat_autre']);
		$compatible = "";
		if ($max_carat_rond != "") {
			$compatible .= "Rond jusque ".number_format($max_carat_rond,2,",",".")." cts<br>";
		}
		if ($max_carat_marquise != 0) {
			$compatible .= "Marquise jusque ".$max_carat_marquise." cts<br>";
		}
		if ($max_carat_emeraude != 0) {
			$compatible .= "Emeraude jusque ".number_format($max_carat_emeraude,2,",",".")." cts<br>";
		}
		if ($max_carat_radiant != 0) {
			$compatible .= "Radiant jusque ".number_format($max_carat_radiant,2,",",".")." cts<br>";
		}
		if ($max_carat_ovale != 0) {
			$compatible .= "Ovale jusque ".number_format($max_carat_ovale,2,",",".")." cts<br>";
		}
		if ($max_carat_poire != 0) {
			$compatible .= "Poire jusque ".number_format($max_carat_poire,2,",",".")." cts<br>";
		}
		if ($max_carat_coeur != 0) {
			$compatible .= "Coeur jusque ".number_format($max_carat_coeur,2,",",".")." cts<br>";
		}
		if ($max_carat_aascher != 0) {
			$compatible .= "Aascher jusque ".number_format($max_carat_aascher,2,",",".")." cts<br>";
		}
		if ($max_carat_cs != 0) {
			$compatible .= "CS jusque ".number_format($max_carat_cs,2,",",".")." cts<br>";
		}
		if ($max_carat_autre != 0) {
			$compatible .= "Autre jusque ".number_format($max_carat_autre,2,",",".")." cts<br>";
		}
		if ($compatible != "") {
			$compatible = substr($compatible, 0, -4);
		} else {
			$compatible = "nc";
		}
		
		switch ($finition){
			case "YG":
				$metal = "Or jaune";
				break;
			case "WG":
				$metal = "Or blanc";
				break;
			case "PT":
				$metal = "Platine";
				break;
			default:
				$metal = "nc";
				break;
		}
		if ($jourdelai != "") {
			if ($jourdelai < 2) {
				$jourdelai .= " jour";
			} else {
				$jourdelai .= " jours";
			}
		} else {
			$jourdelai .= "nc";
		}
		if ($carat == "") {
			$carat = "nc";
		} else {
			$carat = number_format($carat,2,",",".")." cts";	
		}
		if ($largeurmin == "") {
			$largeurmin = "nc";
		} else {
			$largeurmin = number_format($largeurmin,2,",",".")." mm";	
		}
		if ($largeurmax == "") {
			$largeurmax = "nc";
		} else {
			$largeurmax = number_format($largeurmax,2,",",".")." mm";	
		}
		if ($epaisseur == "") {
			$epaisseur = "nc";
		} else {
			$epaisseur = number_format($epaisseur,2,",",".")." mm";	
		}
		
		$retour .= "<table cellpadding='0' cellspacing='0' border='0'>";
		$retour .= "<tr>";
		$retour .= "<td colspan='2' class='c10 bold'>".$modele."</td>";
		$retour .= "</tr>";
		$retour .= "<tr>";
		$retour .= "<td colspan='2' class='c10 bold'>".$descriptif."<br>&nbsp;</td>";
		$retour .= "</tr>";
		$retour .= "<tr>";
		$retour .= "<td colspan='2' class='c12 souligne titre'>INFORMATIONS SUR LA SERTISSURE</td>";
		$retour .= "</tr>";
		$retour .= "<tr height='23' valign='bottom'>";
		$retour .= "<td width='76' class='c10 souligne bold'>Référence :</td>";
		$retour .= "<td width='150' class='c10 souligne' align='right'>".number_format($reference,0,"",".")."</td>";
		$retour .= "</tr>";
		$retour .= "<tr>";
		$retour .= "<td width='76' class='c10 souligne bold'>Métal :</td>";
		$retour .= "<td width='150' class='c10 souligne' align='right'>".$metal."</td>";
		$retour .= "</tr>";
		$retour .= "<tr>";
		$retour .= "<td width='76' class='c10 souligne bold'>Carats :</td>";
		$retour .= "<td width='150' class='c10 souligne' align='right'>".$carat."</td>";
		$retour .= "</tr>";
		$retour .= "<tr>";
		$retour .= "<td width='76' class='c10 souligne bold'>Largeur Min :</td>";
		$retour .= "<td width='150' class='c10 souligne' align='right'>".$largeurmin."</td>";
		$retour .= "</tr>";
		$retour .= "<tr>";
		$retour .= "<td width='76' class='c10 souligne bold'>Largeur Max :</td>";
		$retour .= "<td width='150' class='c10 souligne' align='right'>".$largeurmax."</td>";
		$retour .= "</tr>";
		$retour .= "<tr>";
		$retour .= "<td width='76' class='c10 souligne bold'>Epaisseur :</td>";
		$retour .= "<td width='150' class='c10 souligne' align='right'>".$epaisseur."</td>";
		$retour .= "</tr>";
		$retour .= "<tr>";
		$retour .= "<td width='76' class='c10 souligne bold'>Délai :</td>";
		$retour .= "<td width='150' class='c10 souligne' align='right'>".$jourdelai."</td>";
		$retour .= "</tr>";
		$retour .= "<tr>";
		$retour .= "<td width='76' class='c10 souligne bold'>Type solitaire :</td>";
		$retour .= "<td width='150' class='c10 souligne' align='right'>".$typesolitaire."</td>";
		$retour .= "</tr>";
		if ($typesolitaire != "simple") {
			$retour .= "<tr>";
			$retour .= "<td width='76' class='c10 souligne bold'>Nbre pierres<br>sur les côtés :</td>";
			$retour .= "<td width='150' class='c10 souligne' align='right' valign='bottom'>".$nbpierrescotes."</td>";
			$retour .= "</tr>";
			$retour .= "<tr>";
			$retour .= "<td width='76' class='c10 souligne bold'>Nbre pierres<br>sur le dessus :</td>";
			$retour .= "<td width='150' class='c10 souligne' align='right' valign='bottom'>".$nbpierresdessus."</td>";
			$retour .= "</tr>";
			$retour .= "<tr>";
			$retour .= "<td width='76' class='c10 souligne bold'>Nbre pierres<br>total :</td>";
			$retour .= "<td width='150' class='c10 souligne' align='right' valign='bottom'>".$nbpierrestotal."</td>";
			$retour .= "</tr>";
		}
		$retour .= "<tr>";
		$retour .= "<td width='76' class='c10 souligne bold'>Prix<br>bijouterie:</td>";
		$retour .= "<td width='150' class='c10 souligne' align='right'>".number_format($prixfullht,0,",",".")." €<br><span class='grisfonce' style='font-style:oblique;'>TTC ".number_format($prixfullttc,0,",",".")." €</span></td>";
		$retour .= "</tr>";
		$retour .= "<tr><td>&nbsp</td><td>&nbsp</td></tr>";
		$retour .= "<tr>";
		$retour .= "<td width='76' class='c10 bold' valign='top'>Peut être serti<br>avec diamant</td>";
		$retour .= "<td width='150' class='c10' align='right' valign='bottom'>".$compatible."</td>";
		$retour .= "</tr>";
		$retour .= "<tr><td>&nbsp</td><td>&nbsp</td></tr>";
		$retour .= "<tr style='background-color:#cbcaca;'>";
		$retour .= "<td width='76' class='c12 bold' style='padding:3px 0px 3px 3px;'>Prix<br>Celinni : </td>";
		$retour .= "<td width='150' class='c12' align='right' valign='bottom' style='padding:3px 3px 3px 0px;'>&nbsp;".number_format($prixht,0,",",".")." €<br><span class='grisclair' style='font-style:oblique;'>TTC ".number_format($prixttc,0,",",".")." €</span></td>";
		$retour .= "</tr>";
		$retour .= "</table>";
	}
	echo $retour;

	mysql_free_result($back);
	mysql_close($connexion);

?>

Modifié par jytest (19 Jul 2013 - 19:06)
salut
quand je passe la souris sur une image ça donne cette erreur
ReferenceError: IDYLEYG30 is not defined

il s'agit de cette fonction
function onmouseover(event) {
  search(4, 3, IDYLEYG30);
} 
Merci pour ton aide.
J'avais vu cette erreur.

C'est d'ailleurs cette fonction-là qui ne veut plus s'exécuter.
Car, ce qui est bizarre, c'est qu'avant cela fonctionnait à merveille !
De plus, "IDYLEYG30" n'est pas une variable, maisune valeur venant d'une bdd !
Vous avez dit bizarre ?

Pourquoi cela ne va plus ?

Les changements que j'ai apportés sont :
- travail sur des répertoires différents... Tout me semble OK
- légers changements dans la bdd. J'ai bien vérifié... Tout me semble OK...
- l'ajout du jquery bxslider... qui fonctionne pourtant...
Modifié par jytest (19 Jul 2013 - 23:13)