Bonjour,
Je me suis servi de ce tuto
http://www.6ma.fr/tuto/listes+deroulantes+dynamiques+ajax-301 (qui est super clair et bien fait) pour faire des listes déroulantes liées dans un des mes formulaires. Ces listes fonctionnent bien sur tous les navigateurs sauf IE où quand je sélectionne un élément de la première liste, la deuxième ne renvoie aucune valeur. Ci-dessous mon code :
<?php
//connexion à la bd
include ('Fichier_connect/x.php');
require_once("FrameWork/xajax.inc.php");
function SelectSouscat($catid)
{
$options="";
// créé un nouvel objet permettant d'envoyer une réponse au côté client
$objResponse = new xajaxResponse();
// on selectionne les sous-catégorie en fonction de l'id de la catégorie mère
$sql="SELECT CODE, PAYS FROM pays WHERE CODE_LOCALISATION = '".$catid."'";
$req=mysql_query($sql);
while ($souscat = mysql_fetch_array($req))
{
// on place toutes les sous-catégories dans des options valables pour la liste SELECT
$options .= '<option value="'.$souscat['CODE'].'">' . $souscat['PAYS'] . '</option>';
}
// l'Ajax remplacera le innerHTML (html intérieur) de la liste_souscat pour y mettre $options
$objResponse->addAssign("liste_souscat","innerHTML",$options);
// envoie la réponse en XML
return $objResponse->getXML();
}
$xajax = new xajax();
// remarquez que l'on peut passer en mode debug en décommentant la ligne suivante
$xajax->debugOn();
$xajax->registerFunction("SelectSouscat");
$xajax->processRequests();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Logiciels de gestion d'entreprise, PME GESTIMUM SA - Contacts</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/gestimum2006.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="GESTIMUM">
<script type="text/javascript" src="java1.js"></script>
<script type="text/javascript" src="java/verif-email.js"></script>
<style type="text/css">
<!--
.popperlink {
position:absolute;
visibility:hidden
}
//
</style>
<?php $xajax->printJavascript("FrameWork/") ?>
</head>
<body OnLoad="setToAnchor('id_ancre','nom_ancre','MonDiv')">
<table width="975" border="0" align="center" cellpadding="0" cellspacing="0" id="tblgen">
<tr align="center" valign="bottom" >
<td colspan="3" align="left" valign="bottom"><table width="100%" height="144" border="0" cellpadding="0" cellspacing="0" background="images/Pont/ponte_vasco_e.jpg" >
<tr>
<td colspan="2" align="center" valign="top"></td>
</tr>
</table></td>
</tr>
<tr align="center" valign="bottom" >
<td height="19" colspan="3" align="left" valign="bottom"><table id="MenuHO" border="1px" cellpadding="0" cellspacing="0" bordercolor="F0FAFF">
<tr>
<td width="114" align="center" valign="middle" onMouseOver = "this.style.background='0099FF'"
onMouseOut = "this.style.background='091C5A'"><a href="accueil.php" target="_self" class="rollover">Accueil</a></td>
<td width="114" align="center" valign="middle" onMouseOver = "this.style.background='0099FF'"
onMouseOut = "this.style.background='091C5A' "><a href="GESTIMUM-PGI.php" target="_self" class="rollover">Logiciels</a></td>
<td width="115" align="center" valign="middle" onMouseOver = "this.style.background='0099FF'"
onMouseOut = "this.style.background='091C5A' "><a href="Revendeurs-Distributeurs.php" target="_self" class="rollover">Services</a></td>
<td width="115" align="center" valign="middle" onMouseOver = "this.style.background='0099FF'"
onMouseOut = "this.style.background='091C5A' "><div align="center"><a href="Espace-Partenaires.php" target="_self"><img src="images/Logo_csc/Logo-csc-er.png" width="59" height="21" hspace="0" vspace="0" border="0" align="absmiddle"></a></div></td>
<td width="115" align="center" valign="middle" onMouseOver = "this.style.background='0099FF'"
onMouseOut = "this.style.background='091C5A' "><a href="Devenir-Revendeur.php" target="_self" class="rollover">Partenaires</a></td>
<td width="115" align="center" valign="middle" onMouseOver = "this.style.background='0099FF'"
onMouseOut = "this.style.background='091C5A' "><a href="PME.php" target="_self" class="rollover">PME</a></td>
<td width="115" align="center" valign="middle" onMouseOver = "this.style.background='0099FF'"
onMouseOut = "this.style.background='091C5A' "><a href="Recrutement.php" target="_self" class="rollover">Recrutement</a></td>
<td width="154" height="21" align="center" valign="middle" bgcolor="0099FF" onMouseOver = "this.style.background='0099FF'"
onMouseOut = "this.style.background='0099FF' "><a href="GESTIMUM.php" target="_self" class="rollover"><img src="images/Logo-Gestimum/GESTIMUM.png" width="145" height="8" border="0" align="absmiddle"></a></td>
</tr>
</table></td>
</tr>
<tr align="center" valign="bottom" >
<td colspan="3" align="left" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom"> </td>
</tr>
</table></td>
</tr>
<td width="187" align="left" valign="top" bgcolor="DBE7F4"> </td>
<td width="12" rowspan="2" align="center" valign="top"> </td>
<td width="776" align="left" valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<form name="formu" onsubmit="return verifierMail(this.elements['Email']);" method="POST" action="Script-formulaire/formulaire-contact-test.php">
<tr valign="middle">
<td height="37" colspan="5" align="left"><table width="639" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="middle"><span class="TitreFicheP">Contacter GESTIMUM :</span></td>
</tr>
</table></td>
</tr>
<tr valign="middle">
<td width="44%" colspan="5" align="left"> </td>
</tr>
<tr valign="middle">
<td height="19" colspan="5" align="left" background="images/Fond/fond_titre_presse.jpg"><strong class="STitre">Vous souhaitez être contacté par GESTIMUM :</strong></td>
</tr>
<tr valign="middle">
<td height="9" colspan="5" align="left"> </td>
</tr>
<tr valign="middle">
<td height="5" colspan="5" align="left"><input name="type" type="radio" class="TexteFicheP" value="Devenir Centre de Solutions">
<span class="TexteFicheP">Vous souhaitez devenir Centre de Solutions GESTIMUM</span></td>
</tr>
<tr valign="middle">
<td height="5" colspan="5" align="left"><input name="type" type="radio" class="TexteFicheP" value="Projet d'équipement">
<span class="TexteFicheP">Vous êtes une PME/PMI et vous avez un projet d'équipement</span></td>
</tr>
<tr valign="middle">
<td height="10" colspan="5" align="left"><input name="type" type="radio" class="TexteFicheP" value="Expert Comptable/Commissaire aux comptes">
<span class="TexteFicheP">Vous êtes Expert Comptable / Commissaire aux comptes et souhaitez avoir plus d'informations sur notre offre</span></td>
</tr>
<tr valign="middle">
<td height="5" colspan="5" align="left"><input name="type" type="radio" class="TexteFicheP" value="Intégration de solution">
<span class="TexteFicheP">Vous êtes éditeur d’une solution verticale et recherchez un progiciel de comptabilité capable de s’intégrer à votre offre</span></td>
</tr>
<tr valign="middle">
<td height="5" colspan="5" align="left"><input name="type" type="radio" class="TexteFicheP" value="Journaliste">
<span class="TexteFicheP">Vous êtes Journaliste et cherchez des informations sur GESTIMUM</span></td>
</tr>
<tr valign="middle">
<td height="5" colspan="5" align="left"><input name="type" type="radio" class="TexteFicheP" value="Recrutement">
<span class="TexteFicheP">Vous êtes à la recherche d’une opportunité professionnelle</span></td>
</tr>
<tr valign="middle">
<td height="5" colspan="5" align="left"><input name="type" type="radio" class="TexteFicheP" value="Demonstration">
<span class="TexteFicheP">Vous souhaitez avoir une démonstration de Gestimum</span></td>
</tr>
<tr valign="middle">
<td height="10" colspan="5" align="left"><input name="type" type="radio" class="TexteFicheP" value="Autres">
<span class="TexteFicheP">Autres sujets</span></td>
</tr>
<tr valign="middle">
<td colspan="5" align="left"> </td>
</tr>
<tr valign="middle">
<td height="19" colspan="5" align="left" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="27%" height="25" align="left" valign="middle" class="TexteFicheP">Nom de l'entreprise* :</td>
<td height="20" align="left" valign="middle"><input name="Nom-de-l-entreprise" type="text" class="TexteFicheP" size="30" /></td>
</tr>
<tr>
<td width="27%" height="25" align="left" valign="middle" class="TexteFicheP">Prénom / Nom* : </td>
<td height="25" align="left" valign="middle"><input name="Prenom-Nom" type="text" class="TexteFicheP" size="30" /></td>
</tr>
<tr>
<td height="25" align="left" valign="middle" class="TexteFicheP">Téléphone (indicatif du pays svp)* :</td>
<td height="25" align="left" valign="middle"><input name="Telephone" type="text" class="TexteFicheP" size="30" /></td>
</tr>
<tr>
<td height="25" align="left" valign="middle" class="TexteFicheP">Email* :</td>
<td height="25" align="left" valign="middle"><input name="Email" type="text" class="TexteFicheP" size="30" /></td>
</tr>
<tr>
<td height="25" align="left" valign="middle" class="TexteFicheP">Votre localisation* : </td>
<td height="25" align="left" valign="middle"><select name="Localisation" id="liste_cat" onchange="xajax_SelectSouscat(this.value)">
<option value=""></option>
<?php
$sql="SELECT CODE_LOCALISATION, LOCALISATION FROM localisation ORDER BY CODE_LOCALISATION ASC";
$req=mysql_query($sql) or die(mysql_error());
while($cat = mysql_fetch_array($req))
{
echo '<option value="'.$cat['CODE_LOCALISATION'].'" class="TexteX-Small">' . $cat['LOCALISATION'] . '</option>';
}
?>
</select></td>
</tr>
<tr>
<td height="25" align="left" valign="middle" class="TexteFicheP">Votre Département ou Pays* : </td>
<td height="25" align="left" valign="middle"><select id="liste_souscat" class="TexteX-Small" name="Pays">
</select></td>
</tr>
</table></td>
</tr>
<tr valign="middle">
<td height="19" colspan="5" align="left" class="pied">* champs obligatoires</td>
</tr>
<tr>
<td height="20" colspan="5" align="center"><a href="" onMouseOver="MM_showHideLayers('produits','','hide','services','','hide','partenaire_distri','','hide','partenaires_edit','','hide','culture_valeur','','hide')"><img src="images/Decor/barre.gif" width="775" height="1" border="0"></a></td>
</tr>
<tr>
<td height="19" colspan="5" align="center"> </td>
</tr>
<tr>
<td height="168" colspan="5" align="left" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="46%" align="left" valign="middle"><p><span class="TexteFicheP">Précisez votre demande (facultatif) :</span></p>
<p>
<textarea name="Description-de-la-demande" cols="54" rows="7" class="TexteFicheP" id="Commentaires"></textarea>
</p></td>
<td width="2%" align="center" valign="middle"></td>
<td width="52%" align="left" valign="middle"><input name=" " type="submit" value="Envoyer" class="TexteFicheP"/>
<input name=" " type="reset" value="Effacer" class="TexteFicheP"/></td>
</tr>
</table></td>
</tr>
<tr>
<td height="19" colspan="5" align="center"> </td>
</tr>
<tr>
<td height="20" colspan="5" align="center"><img src="images/Decor/barre.gif" width="775" height="1" border="0"></td>
</tr>
<tr>
<td colspan="5" align="center"> </td>
</tr>
</form>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top" nowrap class="FondMenuGauche"><a href="GESTIMUM.php" target="_self"><img src="images/Logo-Gestimum/Logo_gestimum.png" alt="GESTIMUM - Logiciels de Gestion Intégrée PME" name="Logo_Gestimum" width="187" height="21" vspace="15" border="0" id="Logo_Gestimum"></a></td>
<td align="left" valign="middle" onMouseOver="MM_showHideLayers('produits','','hide','services','','hide','partenaire_distri','','hide','partenaires_edit','','hide','gestimum','','hide')"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="left"></td>
</tr>
<tr>
<td colspan="2" align="center" valign="middle" class="pied"></td>
</tr>
<tr>
<td width="74%" height="19" align="center" valign="middle" class="pied"><a href="Plan-du-site.php" onMouseOver="MM_showHideLayers('produits','','hide','services','','hide','partenaire_distri','','hide','partenaires_edit','','hide','gestimum','','hide')"target="_self" class="pied">Plan du Site</a> - © GESTIMUM 2010 - <a href="Mentions-Legales.php" target="_self" class="pied">Légal </a></td>
<td width="26%" align="right" valign="middle" class="pied"><img src="images/Logo-Gestimum/Vous-allez-aimer-la-gestion.png" width="200" height="34"></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Je vous remercie d'avance pour votre aide.