Select lié en JS+PHP : problème avec IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Select lié en JS+PHP : problème avec IE

yethi

Bonjour à tous

Toujours un probleme avec IE 7 ou 8 !!!

Je me suis lancé dans l'écriture d'un site marchand !!!!!
Cette page permet de renseigner une table BEL_Stock à partir des info recuperées dans un table BEL_Catalogue

test : http://www.yethi-info.fr/test/AjoutDansStockForm.php

Principe du code

-le 1 <select> deroulant est construit par une req sql en ligne 148 > pas de probleme
-le 2eme <select> est renseigné lorsque il y a un changement dans le 1er select (onchange en lg 154)
-la fct appelMarque appelée a ce moment vas chercher un deuxieme php en lui envoyant en param la categorie (lg46)

tout marche bien avec FF ou Chrome mais pas avec IE... j'ai ajouté our les test un alert qui affiche l'indice de l'élément sélectionné dans le 1 select en lg45 et la j'ai un message dans IE 'Categorie est indefinie' ......

Et là je comprend plus rien..... si une bonne âme pouvait m'aider !!!!!
(j'ai pensé a un probleme dans la declaration de l'instance :fonction xmlhttp)

MERCI

Code :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Ajout d'article dans le stock</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="Boutique.css">
</head>
<script type="text/javascript">
function xmlhttp()
{
var x=null;
if (window.XMLHttpRequest) // Firefox et autres
x = new XMLHttpRequest();
else if (window.ActiveXObject) // Internet Explorer
{
try {x = new ActiveXObject("Msxml2.XMLHTTP" );}
catch (e) {
try {x = new ActiveXObject("Microsoft.XMLHTTP" );}
catch (e) {x = null;}
}
}
else
{
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
}
return x;
}
function AppelMarque()
{
var xml = xmlhttp();
if(!xml)
{alert("XmlHttpRequest non supporté" );}
else
{xml.onreadystatechange = function()
{if (xml.readyState==4)
{var opt=xml.responseText.split("\t" );
Marque.length=0;
for ( var n=1;n<opt.length;n++ )
{Marque.length++;
Marque.options[Marque.length-1].text=opt[n];
}
}
}
alert(Categorie.selectedIndex);
xml.open("GET", "AjoutDansStockFormMarque.php?GetCategorie="+Categorie.options[Categorie.selectedIndex].text, true);
xml.send(null);
}
}
function AppelModele()
{
var xml = xmlhttp();
if(!xml)
{alert("XmlHttpRequest non supporté" );}
else
{xml.onreadystatechange = function()
{if (xml.readyState==4)
{var opt=xml.responseText.split("\t" );
Modele.length=0;
for ( var n=1;n<opt.length;n++ )
{Modele.length++;
Modele.options[Modele.length-1].text=opt[n];
}
}
}
xml.open("GET", "AjoutDansStockFormModele.php?GetMarque="+Marque.options[Marque.selectedIndex].text+"&GetCategorie="+Categorie.options[Categorie.selectedIndex].text, true);
xml.send(null);
}
}
function AppelCouleur()
{
var xml = xmlhttp();
if(!xml)
{alert("XmlHttpRequest non supporté" );}
else
{xml.onreadystatechange = function()
{if (xml.readyState==4)
{var opt=xml.responseText.split("\t" );
Couleur.length=0;
for ( var n=1;n<opt.length;n++ )
{Couleur.length++;
Couleur.options[Couleur.length-1].text=opt[n];
}
}
}
xml.open("GET", "AjoutDansStockFormCouleur.php?GetModele="+Modele.options[Modele.selectedIndex].text+"&GetMarque="+Marque.options[Marque.selectedIndex].text+"&GetCategorie="+Categorie.options[Categorie.selectedIndex].text, true);
xml.send(null);
}
}
function AppelTaille()
{
var xml = xmlhttp();
if(!xml)
{alert("XmlHttpRequest non supporté" );}
else
{xml.onreadystatechange = function()
{if (xml.readyState==4)
{var opt=xml.responseText.split("\t" );
Taille.length=0;
for ( var n=1;n<opt.length;n++ )
{Taille.length++;
Taille.options[Taille.length-1].text=opt[n];
}
}
}
xml.open("GET", "AjoutDansStockFormTaille.php?GetCouleur="+Couleur.options[Couleur.selectedIndex].text+"&GetModele="+Modele.options[Modele.selectedIndex].text+"&GetMarque="+Marque.options[Marque.selectedIndex].text+"&GetCategorie="+Categorie.options[Categorie.selectedIndex].text, true);
xml.send(null);
}
}
function ControleVide()
{
if(document.Formulaire.Nombre.value=='')
{
alert('Le nombre d\'article ne peut pas rester vide.');
document.Formulaire.Nombre.focus();
}
else if(isNaN(document.Formulaire.Nombre.value))
{
alert('Le nombre d\'article doit obligatoirement être numérique.');
document.Formulaire.Nombre.focus();
}
else if(document.Formulaire.Nombre.value.length>3)
{
alert('Le nombre d\'article ne peut pas excéder 3 caractères.');
document.Formulaire.Nombre.focus();
}
else
{
document.Formulaire.method = "POST";
document.Formulaire.action = "AjoutDansStockAction.php";
document.Formulaire.submit();
}
}
</script>
<body>
<div id="cadre_haut">
</div>
<div id="boite_centre">
<h4 align="center">Ajout d'article dans le stock</h4>
<?php
$co=mysql_connect("*****", "*****", "*****" );
$db=mysql_select_db("*****" );
//Affichage du nombre de ligne la table BEL_Stock
$retour = mysql_query("SELECT COUNT(*) AS nbre_entrees FROM BEL_Stock" );
$donnees = mysql_fetch_array($retour);
echo '<p><b>Actuellement ' . $donnees['nbre_entrees'] . ' ligne dans la table BEL_Stock</b></p>';
//== on affiche dans un select la TABLE 1 ==
$res=mysql_query("SELECT DISTINCT Categorie FROM BEL_Catalogue",$co);
$max=@mysql_num_rows($res);
?>
<form name="Formulaire">
<div id="form1">
<label for="Categorie">Catégorie :</label><br>
<select style="width:100%;" name="Categorie" id="Categorie" size=5 onchange='AppelMarque();'>
<?php
for ($nb=0;$nb<$max;$nb++)
{
$i=mysql_result($res,$nb,"Categorie" );
echo '<option>'.$i.'</option>';
}
?>
</select>
</div>
<div id="form2">
<label for="Marque">Marque :</label><br>
<select style="width:100%;" name="Marque" id="Marque" size=5 onchange='AppelModele();'>
</select>
</div>
<div id="form3">
<label for="Modele">Modèle :</label><br>
<select style="width:100%;" name="Modele" id="Modele" size=5 onchange='AppelCouleur();'>
</select>
</div>
<div id="form4">
<label for="Couleur">Couleur :</label><br>
<select style="width:100%;" name="Couleur" id="Couleur" size=5 onchange='AppelTaille();'>
</select>
</div>
<div id="form5">
<label for="Taille">Taille :</label><br>
<select style="width:100%;" name="Taille" id="Taille" size=5>
</select>
</div>
<div id="form6">
<label for="Nombre">Nombre d'article:</label><br>
<input type="text" name="Nombre" id="Nombre" size=5>
</div>
<?php
mysql_close($co);
?>
<div id="bouton">
<input type="button" value="Valider" onClick="ControleVide();">
</div>
</form>
</div>
<div id="cadre_bas">
</div>
</body>
</html>

Message édité par yethi le 08-11-2009 à 11:34:15

Publicité

flo850

moi je

n'appelle pas directement categorie comme si il existait partout, déjà
utilise plutôt
var categorie = document.getElementById('Categorie');

---------------

yethi

Merci Flo850 pour ta réponse

J'ai modifié la fonction AppelMarque et maintenant ca fonctionne Youppie !!!
Petite question quand même il m'a aussi fallu ajouter la ligne

var Marque = document.getElementById('Marque');

dans la partie qui "remplit" le 2eme select mais là ca me parrait moins clair : a ce moment les options du 2eme select ne sont pas renseignées alors kes qu'il va chercher ?????

De toutes manieres : MERCI !!!

Code :

function AppelMarque()
{
var xml = xmlhttp();
var Categorie = document.getElementById('Categorie');
if(!xml)
{alert("XmlHttpRequest non supporté" );}
else
{
xml.onreadystatechange = function()
{
if (xml.readyState==4)
{
var opt = xml.responseText.split("\t" );
var Marque = document.getElementById('Marque');
Marque.length=0;
for ( var n=1;n<opt.length;n++ )
{
Marque.length++;
Marque.options[Marque.length-1].text=opt[n];
}
}
}
xml.open("GET", "AjoutDansStockFormMarque.php?GetCategorie="+Categorie.options[Categorie.selectedIndex].text, true);
xml.send(null);
}
}

FORUM HardWare.fr

Programmation

HTML/CSS

Select lié en JS+PHP : problème avec IE

Sujets relatifs
Problème de librairies dynamiques	Eclipse, SVN, EJB (probleme)
Problème rapidité de mise en pause	Problème fichier de configuration hibernate
Probleme d'écriture pour un client (JAVA)	probléme d'insertion de caractères accentués dans un xml via php
probléme d'insertion de caractères accentués dans un xml via php	PHP - authentification requise acces à un XML- htpasswd
Conditions en fonction de l'heure en PHP	Problème placement JButton
Plus de sujets relatifs à : Select lié en JS+PHP : problème avec IE

Page générée en 0.119 secondes