Liste déroulante incompatible sous IE
Bonjour à tous,
A partir de deux listes déroulantes, j'ai programmé le script javascript qui permet de contrôler si les deux objects sélectonnés ne sont pas identiques. S'ils sont identiques, on émet un message d'erreur avec le fond de couleur en rouge. (cf un démo : http://cybermains01.free.fr/test2.php)
Tout marche bien sous firefox mais il ne fonctionne pas sous IE.
Pourriez-vous m'aider ?
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
| <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<script language="javascript">
function controle()
{
if (document.form1.liste1.value==document.form1.liste2.value)
{
document.form1.liste2.style.backgroundColor="#FF0000";
document.form1.liste2.focus();
alert("Les deux rubriques doivent être différentes, merci");
return false;
}
else
{
document.form1.liste2.style.backgroundColor="#FFFFFF";
return true;
}
}
</script>
</head>
<body>
<form name="form1" action="test2.php" method="post" enctype="multipart/form-data" onchange="controle()">
<p>
<select name="liste1">
<option value="0">--- Choix ---</option>
<option value="1">Objet1</option>
<option value="2">Objet2</option>
<option value="3">Objet3</option>
</select>
<select name="liste2">
<option value="0">--- Choix ---</option>
<option value="1">Objet1</option>
<option value="2">Objet2</option>
<option value="3">Objet3</option>
</select>
<input type="submit" name="Submit" value="Confirmer" />
</p>
</form>
</body>
</html> |
