propriété onChange sur un select, pb sous IE7 !

**avogadro** · 07/02/2007, 02h12

Bonjour,

sous FF tout passe parfaitement mais sous IE7 ca bloque alors que c'est du banal javascript... :s

HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<select id="optsel" onChange="toto(this.options[this.selectedIndex].value);">
<option>Select your Location</option>
<option>Alsace</option>
<option>Caraibes</option>
<option>China</option>
<option>Paris</option>
</select>
<br/>
<div id="cams"></div>
<br/><br/><br/>
<div id="movie"></div>

et le js dans le head est :

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
function toto(valeur){
switch(valeur)
{
case "Alsace":
	document.getElementById("cams").innerHTML = "<br/><select id=\"camsel\" onChange=\"toto2(this.options[this.selectedIndex].value);\"><option>Select your Cam</option><option>http://10.3.64.7/mjpg/video.mjpg?resolution=640x480</option><option>http://10.3.64.8/mjpg/video.mjpg?resolution=640x480</option><option>http://10.3.64.6/mjpg/video.mjpg?resolution=640x480</option><option>http://10.3.64.5/mjpg/video.mjpg?resolution=640x480</option><option>http://10.3.64.4/mjpg/video.mjpg?resolution=640x480</option><option>http://10.3.64.3/mjpg/video.mjpg?resolution=640x480</option><option>http://10.3.64.2/mjpg/video.mjpg?resolution=640x480</option><option>http://10.3.64.1/mjpg/video.mjpg?resolution=640x480</option></select><br/>";
	break;
case "Caraibes":
	document.getElementById("cams").innerHTML = "<br/><select id=\"camsel\" onChange=\"toto2(this.options[this.selectedIndex].value);\"><option>Select your Cam</option><option>http://10.2.64.100/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.101/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.11/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.10/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.51/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.50/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.41/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.40/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.21/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.20/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.31/mjpg/video.mjpg?resolution=640x480</option><option>http://10.2.64.30/mjpg/video.mjpg?resolution=640x480</option></select><br/>";
	break;
case "China":
	document.getElementById("cams").innerHTML = "<br/><select id=\"camsel\" onChange=\"toto2(this.options[this.selectedIndex].value);\"><option>Select your Cam</option><option>http://10.5.64.5/mjpg/video.mjpg?resolution=640x480</option><option>http://10.5.64.4/mjpg/video.mjpg?resolution=640x480</option><option>http://10.5.64.6/mjpg/video.mjpg?resolution=640x480</option><option>http://10.5.64.7/mjpg/video.mjpg?resolution=640x480</option><option>http://10.5.64.8/mjpg/video.mjpg?resolution=640x480</option></select>";
	break;
case "Paris":
	document.getElementById("cams").innerHTML = "<br/><select id=\"camsel\" onChange=\"toto2(this.options[this.selectedIndex].value);\"><option>Select your Cam</option><option>http://10.1.64.1/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.2/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.103/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.101/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.102/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.201/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.4/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.5/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.6/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.3/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.44/mjpg/video.mjpg?resolution=640x480</option><option>http://10.1.64.41/mjpg/video.mjpg?resolution=640x480</option></select>";
	break;
default:	
	break;
 
}
}

sous FF c'est niquel, un dossier select se met sous le premier, alors que sous IE, rien :s

Quelqu'une a une idée svp??

Merci (ourf qu'il est tard :s)