Problème de récupération valeur d'un select en javascript avec firefox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de récupération valeur d'un select en javascript avec firefox

JC_Shaolan

Bonjour, alors voilà j'ai fait un petit module de recherche en ajax. Ca marche parfaitement sous Internet Explorer et Opera mais sous Firefox, ca ne veut pas.
Voici un petit exemple de l'application à cette adresse : http://generation-iutfbleau.com/te [...] herche.php

Vous pouvez constater que ca ne marche pas sous Firefox. J'ai réussi a identifier d'où vient mon problème : il ne récupère pas la valeur des "select".

Voici une portion de mon code javascript :

Code :

//Initialise un objet XMLHttpRequest
function get_xhr()
{
if(window.XMLHttpRequest) xhr=new XMLHttpRequest(); //Navigateurs Firefox, Opera et autres
else if(window.ActiveXObject) //Navigateur Internet Explorer
{
try { xhr=new ActiveXObject("Msxml2.XMLHTTP" ); }
catch(err) { xhr=new ActiveXObject("Microsoft.XMLHTTP" ); }
}
else //XMLHttpRequest non supporté par le navigateur
{
alert("Votre navigateur ne supporte pas les objets XMLHttpRequest. Pour remédier à ce problème, veuillez mettre à jour votre navigateur." );
xhr=false;
return -1;
}
}
//Récupère le nombre de personnes sélectionnées
function nb_personnes()
{
//Etat n°4 : données prêtes. Statut n°200 : code de réponse du serveur (200 : ok)
if(xhr.readyState==4 && xhr.status==200) document.getElementById('menu_recherche').innerHTML=xhr.responseText;
}
//Récupère le type d'affichage sélectionnées
function type_affichage()
{
//Etat n°4 : données prêtes. Statut n°200 : code de réponse du serveur (200 : ok)
if(xhr.readyState==4 && xhr.status==200) document.getElementById('menu_recherche').innerHTML=xhr.responseText;
}
//Envoie une requête dès que les données sont prêtes
function envoyer_requete(url,process,methode,asynchrone,flag)
{
//Initialisation objet XMLHttpRequest
get_xhr();
xhr.onreadystatechange=process;
//Url pour le menu de recherche :
if(flag==1) url=url+"&nb="+document.getElementById('nombre_personnes').value+"&affichage="+document.getElementById('type_affichage').value;
if(flag==2) document.getElementById('chargement').style.display='block';
//On ouvre la connexion avec le serveur
xhr.open(methode,url,asynchrone);
//On envoie la requête
xhr.send(null);
}

Le problème vient donc du "document.getElementById('nombre_personnes').value" et du "document.getElementById('type_affichage').value" dans la fonction envoyer_requete(). Si je mets une valeur absolue pour la variable url, ca marche parfaitement.
J'ai cherché sur le net les différentes façons de récupérer les valeurs d'un select mais toutes les solutions sur j'ai pu essayer n'ont pas marchées.
Ah oui, autre précision lorsque j'exécute la console javascript de firefox, il me dit : document.getElementById("nombre_personnes" ) has no properties. Pourtant, il a la propriété "value" dans mon code ...

Si quelqu'un a une idée, merci pour vos réponses.

Publicité

gatsu35

Blablaté par Harko

on pourrait voir le HTML associé à ton truc ?

JC_Shaolan

Alors en fait j'ai un fichier php qui fait appel à une fonction : "menu_recherche()" qui gère les requêtes en fonction des paramètres sélectionnées :

Code :

//On affiche le menu de recherche
echo "<table border='0' width='448' cellpadding='2' cellspacing='0'>";
menu_recherche($query,$nom,$nb_personnes,$methode,$type_affichage,1);
echo "</table> <br/>";
//On affiche le résultat de la recherche
echo "<body onload=\"envoyer_requete('$site/ajax.php?fct=1&flag=1&arg_req=$nom&ordre=$methode',nb_personnes,'GET','true',1);\">";
echo "</body>";
//Ajax : si la requête change, elle est réaffichée
echo "<div id='menu_recherche'> </div>";

Cette partie fait appel à la fonction menu_recherche() que voici :

Code :

function menu_recherche($requete,$arg_req,$nb,$ordre,$type_affichage,$flag)
{
//Valeur du nombre de personnes par page et du type d'affichage
$nb_personnes[0]="5"; $nb_personnes[1]="10"; $nb_personnes[2]="20"; $nb_personnes[3]="30"; $nb_personnes[4]="40"; $nb_personnes[5]="50";
$affichage[0]="normal"; $affichage[1]="detaille";
//On réactualise la requête en ajoutant la contrainte du nombre de personne à afficher et le type d'affichage
$requete.= " limit 0,$nb";
//Menu déroulant "nombre de personnes à afficher"
echo "<tr> <td> <div align='left'>";
echo "Personnes par page : ";
echo "<select name='nombre_personnes' onChange=\"envoyer_requete('$site/ajax.php?fct=1&flag=$flag&arg_req=$arg_req&ordre=$ordre',nb_personnes,'GET','true',1);\">";
for($i=0;$i<count($nb_personnes);$i++)
{
if($nb_personnes[$i]==$_COOKIE["nb_personnes"]) echo "<option selected value='$nb_personnes[$i]'> $nb_personnes[$i] </option>";
else echo "<option value='$nb_personnes[$i]'> $nb_personnes[$i] </option>";
}
echo "</select>";
//Menu déroulant "Type d'affichage"
echo "<td> <div align='right'>";
echo "Affichage : ";
echo "<select name='type_affichage' onChange=\"envoyer_requete('$site/ajax.php?fct=1&flag=$flag&arg_req=$arg_req&ordre=$ordre',type_affichage,'GET','true',1);\">";
for($i=0;$i<count($affichage);$i++)
{
if($affichage[$i]==$_COOKIE["type_affichage"]) echo "<option selected value='$affichage[$i]'> $affichage[$i] </option>";
else echo "<option value='$affichage[$i]'> $affichage[$i] </option>";
}
echo "</select> </td> </tr>";
echo "</div>";
}

Après une fois la fonction menu_recherche() exécutée, elle fait appel au javascript que j'ai mis au début de cette page et qui est chargé entre autre de récupérer les valeurs des 2 selects.

Message édité par JC_Shaolan le 21-05-2006 à 00:31:07

gatsu35

Blablaté par Harko

tu fais un getElementById sur un élément qui n'a pas d'id [:petrus75]

si déjà en plus du name="", tu mettais un id je pense que cela fonctionnerai mieux

un autre truc me choc :
si ce code :

Code :

//On affiche le menu de recherche
echo "<table border='0' width='448' cellpadding='2' cellspacing='0'>";
menu_recherche($query,$nom,$nb_personnes,$methode,$type_affichage,1);
echo "</table> <br/>";
//On affiche le résultat de la recherche
echo "<body onload=\"envoyer_requete('$site/ajax.php?fct=1&flag=1&arg_req=$nom&ordre=$methode',nb_personnes,'GET','true',1);\">";
echo "</body>";
//Ajax : si la requête change, elle est réaffichée
echo "<div id='menu_recherche'> </div>";

c'est celui d'une seule et même page il est à chier mais d'une force phénoménale.

JC_Shaolan

Ah oui, merci beaucoup Gatsu35. Je pensais que la propriété "name" correspondait à l'id ...
De toute facon, ca sentait l'erreur bidon.

Sinon, à propos de ta dernière remarque, j'espère que je te rassure en te disant que ce n'est pas celui d'une seule et même page. Il y a bien d'autre chose à côté mais j'allais pas flooder avec des centaines de lignes de code.

Encore Merci :bounce:

Message édité par JC_Shaolan le 21-05-2006 à 00:53:10

FORUM HardWare.fr

Programmation

HTML/CSS

Problème de récupération valeur d'un select en javascript avec firefox

Sujets relatifs
Probléme d'encoding maybe	Probléme de lien
probleme de débutant	Probléme isfile
probleme de formulaire avec easyphp 1.8	problème avec easyphp
[MySQL] Problème de requête	problème boutons radio
du php au javascript	Problème de sélection dans mes divs
Plus de sujets relatifs à : Problème de récupération valeur d'un select en javascript avec firefox

Page générée en 0.071 secondes