Différence IE / FF [Résolu]

pc75 · 29/11/2011, 10h01

Bonjour,

Quelqu'un(e) pourrait-il m'expliquer pourquoi ce code n'est pas interprété de la même manière par IE et FF ?

Sous FF, les images aparaissent bien dans la liste.

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
50
51
 
<html>
<head>
<script>
function change() {
 
if ( navigator.appName != 'Microsoft Internet Explorer' )
{
select = document.getElementById("select");
select.style.backgroundImage = select.options[select.selectedIndex].style.backgroundImage;
}
}
 
function sendDataverif(param, page, cadre)
{
	if(document.all)
	{
		//Internet Explorer
		var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
	}
	else
	{
	    //Mozilla
		var XhrObj = new XMLHttpRequest();
	}
 
	var content = document.getElementById(cadre);
 
 
	XhrObj.open("POST", page);
 
	XhrObj.onreadystatechange = function()
	{
		if (XhrObj.readyState == 4 && XhrObj.status == 200)
			content.innerHTML = XhrObj.responseText ;
	}
 
	XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	XhrObj.send(param);
}
</script>
</head>
<body>
<select size="1" id="select" style="width: 180px;" name="pays2" OnChange="change();sendDataverif('g=cat&id='+this.value,'http://www.maison-hote.fr/lirecat.php','cat')" onKeyUp="sendDataverif('g=cat&id='+this.value,'http://www.maison-hote.fr/lirecat.php','cat')">
<option style="background:url('fr.png') no-repeat; width:16px; height:16px;padding-left: 20px;" value=143 selected>France</option>
<option style="background:url('be.png') no-repeat; width:16px; height:16px;padding-left: 20px;" value=130>Belgique</option>
<option style="background:url('lu.png') no-repeat; width:16px; height:16px;padding-left: 20px;" value=140>Luxembourg</option>
<option style="background:url('ch.png') no-repeat; width:16px; height:16px;padding-left: 20px;" value=186>Suisse</option>
</select>
</body>
</html>

Bovino · 29/11/2011, 10h19

Une balise <option> n'accepte pas les styles ni les événements sur IE.

EIN-LESER · 29/11/2011, 11h15

Tu viens de tomber nez a nez sur un des casse tête quand tu fais du développement web: Les différences d’interprétation des différents navigateurs.

Tu aura tout le temps ce genre de problèmes ( sans parles des différences sur le même navigateur sur différentes versions

).

Personnellement j'ai pris l'habitude d'avoir les plus utilisés des navigateurs sous la main et tester l’affichage sur chaque un.

Ensuite il peut se révéler nécessaire d'avoir plusieurs feuilles css pour les différents navigateurs.
Il suffit ensuite de détecter le navigateur utilisé par l'user et d'appliquer la feuille css qui va bien

pc75 · 30/11/2011, 09h17

Re,

OK.

Merci pour vos réponses.

SpaceFrog · 30/11/2011, 09h50

Voici une adresse intéressante:
http://caniuse.com/#

pc75 · 30/11/2011, 15h36

Citation:

Envoyé par SpaceFrog

Voici une adresse intéressante:
http://caniuse.com/#

Merci.

29/11/2011, 10h19	#2
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 789 Points : 35 789	Une balise <option> n'accepte pas les styles ni les événements sur IE. __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

29/11/2011, 11h15	#3
EIN-LESER Membre éclairé Sebastian Développeur Web Inscription : mai 2008 Messages : 380 Détails du profil Informations personnelles : Nom : Sebastian Âge : 35 Localisation : France, Marne (Champagne Ardenne) Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : mai 2008 Messages : 380 Points : 318 Points : 318	Tu viens de tomber nez a nez sur un des casse tête quand tu fais du développement web: Les différences d’interprétation des différents navigateurs. Tu aura tout le temps ce genre de problèmes ( sans parles des différences sur le même navigateur sur différentes versions ). Personnellement j'ai pris l'habitude d'avoir les plus utilisés des navigateurs sous la main et tester l’affichage sur chaque un. Ensuite il peut se révéler nécessaire d'avoir plusieurs feuilles css pour les différents navigateurs. Il suffit ensuite de détecter le navigateur utilisé par l'user et d'appliquer la feuille css qui va bien __________________ Spécialiste des questions bêtes L'urgent est fait, l’impossible est en cour, pour les miracles prévoir un délai Si une reponse vous plait ou vous a aidé n'hesitez pas a voter pour
	00

30/11/2011, 09h17	#4
pc75 Expert Confirmé Inscription : septembre 2004 Messages : 2 805 Détails du profil Informations personnelles : Âge : 56 Localisation : France, Paris (Île de France) Informations forums : Inscription : septembre 2004 Messages : 2 805 Points : 3 003 Points : 3 003	Re, OK. Merci pour vos réponses. __________________ Par principe, je ne réponds pas aux messages URGENT. Il n'y a pas de choses urgentes, il n'y a que des choses en retard. (un inconnu)
	00

30/11/2011, 09h50	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 202 Points : 45 202	Voici une adresse intéressante: http://caniuse.com/# __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email