equivalent de document.getElementById("").value dans firefox

Version imprimable

23/04/2009, 16h41
MedNaceur

equivalent de document.getElementById("").value dans firefox

Salut tous le monde,

Mon application tourne bien avec IE mais lorsque je la test sous FireFox elle fonctionne pas.
il s'agit que FF ne reconnait pas .value dans "document.getElementById(""LIST_INDEXS_"+count)"
y'a til un équivalent pour récupérer cette valeur
Merci Bien
23/04/2009, 16h46
andry.aime

Salut

Citation:

"document.getElementById(""LIST_INDEXS_"+count)"

document.getElementById est supporté par FF, on peut voir ton code complet?
23/04/2009, 16h46
SpaceFrog

FFx reconnait parfaitement le getElemnetById ...

à mon avis le souci est ailleurs ...
on peut voir du code ?
23/04/2009, 16h55
SpaceFrog

ce ne serait pas un textarea par hasard? modifie en innerhtml ,
23/04/2009, 17h24
MedNaceur

je sais bien quel marche sous FF, mais il reconnait pas .value
je veu récupérer une valeur d'une liste
.innerHTML m'affiche toute le résultat mais g besoin d'un seul élément
Merci
23/04/2009, 17h28
Bovino

Si, Firefox reconnait value pour les éléments ayant une propriété value.
Maintenant, si tu nous montrais ton code et la partie du html concernée, ça aiderait grandement à te répondre précisément !

code JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
///////////////////////////////////////
function getCritere(count)
			{
 
				//MODIF MNB MZ modifier ".value par .innerHTML"
				var strBool = document.getElementById("SEL_OPERATION_"+count).value 	
						alert("strBool  "+strBool)
				var strOperation = document.getElementById("SEL_CONDITIONS_"+count).value
					alert("strOperation  "+strOperation)
				var strForm = document.getElementById("FORMS_"+count).value
					alert("strForm  "+strForm)
				var nom = navigator.appName; 
				alert("nom nav :"+nom)
				if(nom=='Microsoft Internet Explorer')
				{
				var strSelectedIndexe = document.getElementById("LIST_INDEXS_"+count).value;
				alert("111111111111111 strSelectedIndexe---> LIST_INDEXS_"+count+"---"+strSelectedIndexe)
				}
				if(nom=='Netscape')
				{
					var strSelectedIndexe = document.getElementById("LIST_INDEXS_"+count).value;
					alert("111111111111111 strSelectedIndexe---> LIST_INDEXS_"+count+"---"+strSelectedIndexe)
				}
				var strTypeIndex = strSelectedIndexe.split("¤")[1];
				alert("strTypeIndex 999999999999999999 "+strTypeIndex)
				if((strTypeIndex=='DATE')||(strTypeIndex=='NUM'))
				{
					strOperation = document.getElementById("SEL_CONDITIONS_DATE_"+count).value
					alert("000000000 --->strOperation --"+strOperation) 
 
				} 
 
				strSelectedIndexe = strSelectedIndexe.split("¤")[0];
				alert("apre innerHTML 0000000000---->"+strSelectedIndexe)
....................
 
 
////////
strNewCriterSearch += "<td nowrap=\"\">"  
				strNewCriterSearch += "<select id=\"LIST_INDEXS_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" onchange=\"InitChampsToSearch("+compteurOfCriter+", 'YES');\">" 
				strNewCriterSearch += "<option value=\"\"></option>"
				strNewCriterSearch += "</select>"
				strNewCriterSearch += "<span id=\"LIBELLE_INDEX_"+compteurOfCriter+"\" class=\"SIMPLE_TEXT_OVER\"></span>" 
				strNewCriterSearch += "</td>"							
 
				strNewCriterSearch += "<td>"
				strNewCriterSearch += "<select id=\"SEL_CONDITIONS_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" style=\"display:none\">"
				strNewCriterSearch += "<option value=\"EXACT\">"+strLibelleEXACT+"</option>"
				strNewCriterSearch += "<option value=\"UN_DES_MOTS\">"+strLibelleUN_DES_MOTS+"</option>"
				strNewCriterSearch += "<option value=\"TOUS_LES_MOTS\">"+strLibelleTOUS_LES_MOTS+"</option>"
				strNewCriterSearch += "</select>"
 
				strNewCriterSearch += "<select id=\"SEL_CONDITIONS_DATE_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" style=\"display:none\" onchange=\"AffichIntervalDate("+compteurOfCriter+")\">"
				strNewCriterSearch += "<option value=\"EXACT\">"+strLibelleEXACTDATE+"</option>"
				strNewCriterSearch += "<option value=\"LT\"><</option>"
				strNewCriterSearch += "<option value=\"LTE\"><=</option>"
				strNewCriterSearch += "<option value=\"GT\">></option>"
				strNewCriterSearch += "<option value=\"GTE\">>=</option>"
				strNewCriterSearch += "<option value=\"INTERVAL\">[ ]</option>"
				strNewCriterSearch += "</select>"				
				strNewCriterSearch += "</td>"
 
				strNewCriterSearch += "<td>"
				strNewCriterSearch += "<select id=\"SEL_DERIV_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" style=\"display:none\">"
				strNewCriterSearch += "<option value=\"NO\">"+strLibelleNO+"</option>"
				strNewCriterSearch += "<option value=\"YES\">"+strLibelleYES+"</option>"				
				strNewCriterSearch += "</select>"
				strNewCriterSearch += "</td>"
 
				strNewCriterSearch += "<td>"
				strNewCriterSearch += "<select id=\"FORMS_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" style=\"display:none\">"		
				strNewCriterSearch += "</select>"								
				strNewCriterSearch += "</td>"
 
				strNewCriterSearch += "<td><table cellSpacing=\"2\" cellPadding=\"0\" border=\"0\" valign=\"top\"><tr>"
 
				strNewCriterSearch += "<td>"
				strNewCriterSearch += "<input id=\"LIST_INPUT_"+compteurOfCriter+"\" style=\"display:none\"/>"
				strNewCriterSearch += "</td>"
 
				strNewCriterSearch += "<td>"
				strNewCriterSearch += "<input id=\"INPUT_OF_ALL_SEARCH_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" style=\"display:none\"/>"  
				strNewCriterSearch += "</td>"
 
				strNewCriterSearch += "<td>"
				strNewCriterSearch += "<input id=\"LIBELLE_LINK_INPUT_OF_ALL_SEARCH_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" style=\"display:none\"/>"  
				strNewCriterSearch += "</td>"
 
				strNewCriterSearch += "<td>"
				strNewCriterSearch += "<input id=\"INPUT_OF_SCD_DATE_SEARCH_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" style=\"display:none\"/>"
				strNewCriterSearch += "</td>"
 
				strNewCriterSearch += "<td>"
				strNewCriterSearch += "<select id=\"SELECT_OF_ALL_SEARCH_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" style=\"display:none\" onchange=\"document.getElementById('INPUT_OF_ALL_SEARCH_"+compteurOfCriter+"').value=this.value;\">"
				strNewCriterSearch += "</select>" 
				strNewCriterSearch += "</td>"
 
				strNewCriterSearch += "<td>"
 
				//modif taha 02-06-2008
				strNewCriterSearch += "<img id=\"IMGLINK_"+compteurOfCriter+"\" src=\""+JSPath2Images+"GENERAL/BUTTONS/select-all.gif\" alt=\""+g_strLibelleLangueCourante+"\" style=\"display:none;cursor:pointer\" onclick=\"ViewPopup("+compteurOfCriter+");\"/>"
				strNewCriterSearch += "</td>"
				//fin modif taha 02-06-2008
 
				strNewCriterSearch += "<td>"
				strNewCriterSearch += "<img id=\"IMGDETAIL_"+compteurOfCriter+"\" src=\""+JSPath2Images+"GENERAL/BUTTONS/display-detailed-list.gif\" alt=\"Voir le formulaire en détail\" style=\"display:none;cursor:pointer\" onclick=\"ViewDetailGrille("+compteurOfCriter+")\"/>"
				strNewCriterSearch += "</td>"
 
				strNewCriterSearch += "</tr></table></td>"
 
 
 
				strNewCriterSearch += "<td width=\"100%\" bgcolor=\"white\"> </td>"  
				strNewCriterSearch += "</tr>"
////////////////////////////////

23/04/2009, 18h32
SpaceFrog
ha ben voilà un select ! on y arrive ...

bon mis à part le cote select avec innerHTML ... :roll:
Code:

1 2 var sel= document.getElementById("LIST_INDEXS_"+count); var selvalue=sel.options[sel.selectedIndex].value
23/04/2009, 20h21
MedNaceur

Merci,
Mais la même erreur persiste avec la modification ultérieur
:roll:

je pense que déja une syntaxe plus claire aiderait ...
en particulier au niveau de quotes ...
Code:

1 2 3 strNewCriterSearch += '<select id="SEL_CONDITIONS_'+compteurOfCriter+'" class="STYLE_TEXT_INPUT" style="display:none">' strNewCriterSearch += '<option value="EXACT">'+strLibelleEXACT+'</option>'

24/04/2009, 09h19
MedNaceur

Bonjour,
le problème que FF ne voit pas "strSelectedIndexe1.selectedIndex" lorsque je la remplace par un entier le programme tourne " [2] par exemple, sous IE tourne bien.
Merci

Code:

var strSelectedIndexe=strSelectedIndexe1.options[strSelectedIndexe1.selectedIndex].text;

pas Text !!
innerHTML

Code:

alert(this.options[this.selectedIndex].inneHTML)

ou firstChild.data
Code:

1 2 3 4 5 <select onchange="alert(this.options[this.selectedIndex].firstChild.data)" > <option>jhgkhjg kjhgkj</option> <option>jhgkhjg kjhgkj</option> <option>jhgkhjg kjhgkj</option> </select>

24/04/2009, 09h37
MedNaceur

oh dsl,
le fait mes test sont effectué avec .innerHTML , .value .Text mais toujours avec IE tourne bien, sous FF il voit rien

Merci pour votre patience 8O

pourtant sous IE et FFX ça passe ...
teste ceci:

Code:

1
2
3
4
5
<select onchange="alert(this.selectedIndex)" >
<option>jhgkhjg kjhgkj</option>
<option>jhgkhjg kjhgkj</option>
<option>jhgkhjg kjhgkj</option>
</select>

24/04/2009, 09h42
Bovino

Le HTML généré permettra peut-être de mettre en évidence certaines erreurs :roll:

le problème comment intégrer cette cas dans mon code, lorsque j'ai la testé ailleurs fonctionne votre proposition,
mon select est un peux spécifique;
Code:

1 2 3 strNewCriterSearch += "<select id=\"LIST_INDEXS_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" onchange=\"InitChampsToSearch("+compteurOfCriter+", 'YES');\">" strNewCriterSearch += "<option value=\"\"></option>" strNewCriterSearch += "</select>"
en fait je doit récupérer la valeur dans le code Js de cette façon si ce possible
Code:

1 2 3 4 var strSelectedIndexe1 = document.getElementById("LIST_INDEXS_"+count);//.value; var strSelectedIndexe = strSelectedIndexe1.options[strSelectedIndexe1.selectedIndex].value;
:bug: Merci

24/04/2009, 10h16
SpaceFrog

à mon avis c'est plus un souci d'instanciation que de syntaxe ..
je n'ai pas le temps de rentrer en detail dans ton code, mais est tu sur qu'au moment ou le selectedIndex est sollicité ton select existe ?

Bon Merci, mais le ode fonctionne sous IE, c'est ç dire mon select existe, non
vici le meme traitement je la test sur le deux navigateurs 1 parmi le 2 a tor ou bien moi :)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
var nom = navigator.appName; 
				alert("nom nav :"+nom)
				if(nom=='Microsoft Internet Explorer')
				{
				var strSelectedIndexe1 = document.getElementById("LIST_INDEXS_"+count);//.value;
				var strSelectedIndexe=strSelectedIndexe1.options[strSelectedIndexe1.selectedIndex].value;
 
 
				alert("111111111111111 strSelectedIndexe---> LIST_INDEXS_"+count+"---"+strSelectedIndexe)
				}
				if(nom=='Netscape')
				{
					var strSelectedIndexe1 = document.getElementById("LIST_INDEXS_"+count);//.value;
 
					var strSelectedIndexe = strSelectedIndexe1.options[strSelectedIndexe1.selectedIndex].value;
 
					alert("strSelectedIndexe 2222222222222222222---> "+strSelectedIndexe)
				}

24/04/2009, 10h54
Matthieu2000

Code:

strNewCriterSearch += "<select id=\"LIST_INDEXS_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" onchange=\"InitChampsToSearch("+compteurOfCriter+", 'YES');\">"

surement un problème de génération d'id avec un innerHTML
24/04/2009, 11h01
MedNaceur

Merci,
s'il vous plait pouvez vous m'expliquer de plus.
24/04/2009, 11h05
SpaceFrog
dans une boucle ... ? possible ...

suffit de tester comme ça:
Code:

1 2 strNewCriterSearch += "<select id=\"LIST_INDEXS_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" onchange=\"alert(this.id)\">"
reste à passer par le dom avec createElement
25/04/2009, 10h15
MedNaceur

Re-Merci
le problème lorsque j'ai une grille (formulaire) de recherche qui possède un seul champ de recherche, elle tourne bien sous FF et prend la valeur mais lorsque le nombre de critère (champ de recherche) dépasse le 1 il voit rien c FF

Merci :D
25/04/2009, 11h16
k1rby

Histoire de pouvoir t'aider efficacement, on pourrait avoir le code HTML généré en entier ?
25/04/2009, 13h12
MedNaceur

1 pièce(s) jointe(s)

la pièce joint est le code responsable de l'affichage
*Merci
27/04/2009, 08h38
k1rby

Citation:

Envoyé par k1rby

Histoire de pouvoir t'aider efficacement, on pourrait avoir le code HTML généré en entier ?

Oui je m'auto cite par flemme de me copier coller.

Un fichier XSL c'est une feuille de style pour document XML. Nous on veut le HTML généré.
27/04/2009, 10h37
SpaceFrog

As tu testé :

Code:

strNewCriterSearch += "<select id=\"LIST_INDEXS_"+compteurOfCriter+"\" class=\"STYLE_TEXT_INPUT\" onchange=\"alert(this.id)\">"

ça sent plusieurs id identiques sur la page ou un problème d'attribution d'id en tout cas ...
27/04/2009, 11h17
Matthieu2000

mets une firebug et tu verras tes objets dom...
12/05/2009, 10h46
projetM

Bonjour MedNaceur,
J'ai le même problème avec les ids, Si t'as pu trouver une solution merci de nous la proposer.