innerHTML et firefox

**syl2095** · 22/12/2009, 12h25

Bonjour à tous,

J'ai un souci avec une validation de formulaire.

J'ai des select que je genere de maniere dynamique via xhr dans des span et lorsque je valide le formulaire, je ne trouve pas mes $_POST correspondants sous firefox ( ie 7 fonctionne )

Voici le code :

la page formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<span id="div_domicilie" style="display:block;">
<select name="loca_mach" id="loca_mach" onchange="selectSalle(this.value)">
<option value=""> -- Choix --  </option>
<option value="E">Client Siége</option>
</select>	
</span>

la fonction js qui appelle xhr

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
function selectSalle(loca) {
 
	if(loca == 'N' || loca == 'C') {
		document.getElementById('sall_mach').disabled = false;
		document.getElementById('baie_mach').disabled = false;
 
    /* Liste des salles en fonction du domicilié  */
 
	var xhr = getXhr();
    xhr.onreadystatechange = function()
        {
            if(xhr.readyState == 4 && xhr.status == 200)
                {
				// document.getElementById("div_salle").removeChild();
// longueurCible = document.getElementById("div_salle").firstChild.length;	//document.getElementById("div_salle")..firstChild.appendChild(xhr.responseText);
document.getElementById('div_salle').innerHTML = xhr.responseText;
alert(document.getElementById('div_salle').innerHTML);
                }
 
        }
    xhr.open("GET",'page/EQUIPEMENTS/getlisteofsalle.php?lieu_sain='+loca, true);
    xhr.send(null);
 
}else {
	document.getElementById('sall_mach').disabled = true;
	document.getElementById('baie_mach').disabled = true;
}
 
}

la page pour générer dynamiquement le select

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
session_start;
require_once '../../inc/inc.conf.php';
$cnx = mysql_connect($BDD['host'],$BDD['user'],$BDD['pass']);
$str = '';
$str .= '<select name="sall_mach" id="sall_mach" onchange="js_update(this);">';
$str .= '<option value="">-- Choix --</option>';
            $query = "SELECT id_sain, libe_sain FROM ".$BDD['qoso'].".salles_informatiques WHERE lieu_sain = '".$_GET['lieu_sain']."'" ;
 
            $sql = mysql_query($query);
            while ( $res = mysql_fetch_object($sql))
                {
                    $str.='<option value="'.$res->id_sain.'" >';
                    $str.= $res->libe_sain.'</option>';
                }
$str .= '</select>';
echo $str;
?>

le span du select dynamique

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<span id="div_salle">
<select name="sall_mach" id="sall_mach" onchange="js_update(this);">
<option value="">-- Choix --</option>
</select>
</span>

Quand je valide sous ie, ça fonctionne bien, je récupére bien mes $_POST mais pas sous FF !!??

Quelqu'un a une idée ?

Merci par avance

sly

**RomainVALERI** · 22/12/2009, 12h39

Envoyé par syl2095

... je ne trouve pas mes $_POST correspondants ...

Voici le code :

la fonction js qui appelle xhr

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function selectSalle(loca) {
   //...
   xhr.open("GET",'page/EQUIPEMENTS/getlisteofsalle.php?lieu_sain='+loca, true);
   //...

la page pour générer dynamiquement le select

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<?php
//...
$query = "SELECT id_sain, libe_sain FROM ".$BDD['qoso'].".salles_informatiques WHERE lieu_sain = '".$_GET['lieu_sain']."'";
//...
?>

Quand je valide sous ie, ça fonctionne bien, je récupére bien mes $_POST mais pas sous FF !!??

Là pour être franc je commence à être paumé...

On parle de GET ou de POST ?

**E.Bzz** · 22/12/2009, 13h43

Envoyé par RomainVALERI

Là pour être franc je commence à être paumé...

On parle de GET ou de POST ?

Il doit s'agir du formulaire ... dont le code n'est pas donné

A+

**syl2095** · 22/12/2009, 14h41

merci pour vos réponses.

Voici le form :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<form name="formulaire" action="equipements.php?pg=add" enctype="multipart/form-data" method="post" onsubmit="return checkForm();">
 
...
 
<tr>
<td bgcolor="#fffbd6">
<div align="center">					<br />
<table class="gris12" border="0" cellspacing="15" cellpadding="15" width="90%"  >
<tr>
<td width="160"><img src="images/fleche_grise.gif" height="10" width="14" border=0 valign="absmiddle" hspace=2><b>Domicilié</b></td>
<td width="648">
<div id="div_domicilie" style="display:block;">
<select name="loca_mach" id="loca_mach" onchange="selectSalle(this)">
<option value=""> -- Choix --  </option>
<option value="E">Client Siége</option>
</select>	
</div>
</td>	
</tr>
<tr>
<td height="1" colspan=2 background="images/pointille.gif"><img src="images/spacer.gif" width="1" height="1" /></td>
</tr>
<tr>
<td><img src="images/fleche_grise.gif" height="10" width="14" border=0 valign="absmiddle" hspace=2><b>Salle</b></td>
<td>
	<div id="div_salle">
		<select name="sall_mach" id="sall_mach" onchange="js_update(this);">
				<option value="">-- Choix --</option>
	  </select>
	</div>
</td>
</tr>
<tr>
<td height="1" colspan=2 background="images/pointille.gif"><img src="images/spacer.gif" width="1" height="1" /></td>
</tr>
<tr>
<td><img alt="image" src="images/fleche_grise.gif" height="10" width="14" border=0 valign="absmiddle" hspace=2><b>Baie</b></td>
<td>
<div id="retour_ajax">
<select name="baie_mach" id="baie_mach">
		<option value="">-- Choix --</option>
</select>
</div>
</td>
</tr>
</table>
...
 
</form>

en fait il y a du xhr en get pour dynamiser les select du form et ensuite c du post pour la valid de formulaire

**RomainVALERI** · 22/12/2009, 21h26

Envoyé par E.Bzz

Il doit s'agir du formulaire ... dont le code n'est pas donné

A+

Envoyé par syl2095

en fait il y a du xhr en get pour dynamiser les select du form et ensuite c du post pour la valid de formulaire

OK je saisis mieux ;-) Bon on va jeter un oeil à cette histoire ^^

**syl2095** · 23/12/2009, 12h11

Rebonjour,

Apparemment le innerHTML n'inclut pas des elements dans le DOM pour firefox.

Donc les select n'étaient pas validés en $_POST...

Voici une des solutions :

la fonction js qui fait l'appel AJAX

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
if(xhr.readyState == 4 && xhr.status == 200)
{
eval(xhr.responseText);
document.getElementById('sall_mach').options.length = 0;
for (var i = 0; i < salles.length; ++i) document.getElementById('sall_mach').options[i]=new Option(salles[i].nom,salles[i].id);
}

et le php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
...
 
$str = 'var salles = [{id:"",nom:" -- Choix -- "}, ';
 
while ( $res = mysql_fetch_object($sql))
{
	$str.='{id:"'.$res->id_sain.'", nom:"';
	$str.= $res->libe_sain.'"},';
}
 
if (substr($str, strlen($str)-1, strlen($str)) == ',') $str = substr($str, 0, -1);
echo $str . ']';
 
...

On envoie du json et on récupére en ajoutant dynamiquement des options au select

Voilà voilà

Merci à vous !

innerHTML et firefox

JavaScript

Discussions similaires

Partager

Partager