[Résolu]document.getElementById qui bugge avec IE,mais marche avec FF

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu]document.getElementById qui bugge avec IE,mais marche avec FF

fabulon

Bonjour,
Je souhaite faire 2 listes déroulantes liées dynamiquement.
D'où l'emploi de l'ajax et de la librairie prototype pour essayer de faciliter les choses.

Voilà mon code:
Le premier fichier index.php

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Socle</title>
<meta http-equiv="content-language" content="fr" />
<meta http-equiv="content-Type" content="text/html;charset=iso-8859-15" />
<meta name="robots" content="noindex" />
<style type="text/css">
body {
background-color: #D4EAFA;
color: #000066;
}
input {
background-color: #fff;
}
a {
text-decoration:none;
}
a:hover{
text-decoration:none;
}
p {
margin:0;
padding:0;
}
</style>
<script type="text/javascript" src="mesfonctions.js"></script>
<script type="text/javascript" src="lib/prototype.js"></script>
</head>
<body>
<?php
$table1='classe';
$table2='socle';
$table1_champ1='classe';
$table2_champ1='classe';
$table2_champ2='eleve';
include ('connexion.php');
//==========================================
//== on affiche dans un select la TABLE 1 ==
//==========================================
$res=mysql_query("SELECT * FROM $table1" );
$max=@mysql_num_rows($res);
?>
<form method = "post" name = "socle" action="socle.php">
<p align ="center" >Socle</p>
<p> </p>
<p align = "center">
<select onChange="requete_ajax();" size="1" id="tb1" >
<?php
for ($nb=0;$nb<$max;$nb++)
{ $i=mysql_result($res,$nb,$table1_champ1);
echo '<option>'.$i.'</option>';
}
?>
</select>
<select name="eleve" id="emplacement" size=1> </select>
</p>
<p> </p>
<p align="center"><input TYPE="submit" VALUE="Envoyer" ></p>
</form>
</body>
</html>

Le fichier .js où est fait l'appel ajax:

Code :

function requete_ajax() {
var valeur = document.getElementById("tb1" ).value;
alert (valeur);
var parametres = 'classe='+valeur;
var myAjax = new Ajax.Updater( 'emplacement' , 'remplir2ndselect.php' , { method: 'get', parameters: parametres } );
}

Je ne poste pas le fichier appelé par le .js pour remplir le 2nd select car le problème ne se situe pas ici.

Le problème est sur la ligne:
var valeur = document.getElementById("tb1" ).value;
Sur Firefox, pas de souci, le alert renvoie la bonne valeur choisie dans le 1er select.
Mais, sous IE, ça bugge: le alert ne renvoie rien!!! :fou:

Une idée ? (sachant que je suis une bille en javascript et que j'ai ptet laissé passer une grosse boulette). :hello:

Message édité par fabulon le 23-12-2009 à 21:05:02

Publicité

David Boring

Je ne sais pas si cela résoudra ton problème, mais tu dois faire le lien vers ta librairie avant tes propres scripts.

fabulon

J'ai interverti les 2 lignes faisant appel aux scripts, de manière à avoir en premier l'appel à la librairie, mais sans succès.

J'ai aussi biaisé le getelementbyid en tapant ceci:
var valeur = document.forms[0].elements[0].value;
Mais ça ne marche tj pas sous IE...

David Boring

Ton option n'as pas de value, tu dois récupérer un .text
http://www.codingforums.com/archiv [...] 55185.html

fabulon

Exact!!!
La solution qui marche (je viens de tester), c'est de mettre dans mon select où se situe l'id 'tb1' dont je veux récupérer la valeur est un value = dans le option.

Pour faire + clair:
au lieu de <option>des valeurs</option>
on met <option value='des valeurs'>des valeurs</option>

Sur mon prog, cela revient à faire ça:
echo '<option value="'.$i.'">'.$i.'</option>';

Merci!!!

FORUM HardWare.fr

Programmation

HTML/CSS

[Résolu]document.getElementById qui bugge avec IE,mais marche avec FF

Sujets relatifs
[Resolu][C++] Question Architecture avec interface multiple	Problème suppression accents [RESOLU]
RESOLU Redirection htacces et sous domaine	[Résolu]Caractères spéciaux et blancs à retirer
[SGBD] [semi-résolu] Comment organiser mes données de façon optimale ?	[VBscript] comparaison de chaine/filtre(résolu)
Veriable SESSION ne marche pas	[C#] (RESOLU) GetSchemaTable trop de champs !
[RESOLU]Serialize de session/ IE ? :/
Plus de sujets relatifs à : [Résolu]document.getElementById qui bugge avec IE,mais marche avec FF

Page générée en 0.045 secondes