compatibilité avec IE

**mac7474** · 20/07/2010, 10h05

Bonjour,

J'ai un code qui passe sous FF, Opera, GC et pas sous IE.
Le voici une fois traduit par le client web :

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
<html>
<HEAD>
<LINK TYPE="text/css" REL="STYLESHEET" HREF="gfbulle.css">
<LINK TYPE="text/css" REL="STYLESHEET" HREF="plan.css">
<script language="JavaScript" type="text/javascript" src="gfbulle.js">
</script>
 
<STYLE type="text/css">
 
body {background-image: url(img/zone_d.gif); background-repeat: no-repeat;height: 2555px;width: 2259px;}
      </STYLE >
 
</HEAD>        
<body  background=#ffffff  onLoad="jumpScroll()">
 
<span class=hide><small class=id>
<b>Status au 20 07 2010  : </b>connexion au serveur OK, connexion à la base mysql OK.<br></small><br></span>
<A href="affiche.php?pw=30" OnMouseOver="return(BulleWrite('<span id=fr class=gris><sup >30</sup></span><br><b>Nom : </b>test<br><b>Activité : </b>act<br> <b>Adresse : </b>adre<br><br><center><span class=red>Cliquez pour plus d\'informations</span></center> '));"OnMouseOut ="return(BulleHide());">
 <span  style='position:absolute; left: 500; top:500; '><img src=img/non.png border=0   ></span></A>
 
 
</body>
</html>

Vous pouvez faire le test, sous FF par exemple en cliquant sur l'image (inexistante dans votre cas) cela vous renvoie "Fichier introuvable".
Alors que sous IE, quand on clic sur l'image ça renvoie rien.
Quelle modification dois-je effectuer pour que ce code fonctionne sous IE ?

Cordialement.
Philippe Rivière

**tusssss** · 20/07/2010, 10h57

Vous pouvez déjà essayer de commencer par remettre chaque chose à sa place dans votre code, il y a dans ce bout de code, un mélange de lignes qui devraient être dans une feuille de style et de code HTML.

Pour y voir plus clair, il faut commencer par ranger tout ça.

De plus, je suis étonné que votre code fonctionne sur les autres navigateurs, vous n'avez utilisé aucune "ponctuation".

Exemple de ce que j'essaye de dire :

Code :

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

<img src=img/non.png border=0   >

Code :

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

border=0

n'a rien à faire ici.

Code :

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

<img src="img/non.png" >

serait plus approprié pour bien délimiter les données

**le_chomeur** · 20/07/2010, 11h15

j'ajouterais qu'il faudrait voir le contenu de la fonction

Code :

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

BulleWrite

qui doit certainement se trouver dans le fichier gfbulle.js

**mac7474** · 20/07/2010, 13h25

Envoyé par tusssss

Vous pouvez déjà essayer de commencer par remettre chaque chose à sa place dans votre code, il y a dans ce bout de code, un mélange de lignes qui devraient être dans une feuille de style et de code HTML.

Pour y voir plus clair, il faut commencer par ranger tout ça.

De plus, je suis étonné que votre code fonctionne sur les autres navigateurs, vous n'avez utilisé aucune "ponctuation".

Exemple de ce que j'essaye de dire :

Code :

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

<img src=img/non.png border=0   >

Code :

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

border=0

n'a rien à faire ici.

Code :

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

<img src="img/non.png" >

serait plus approprié pour bien délimiter les données

La ponctuation me posait un problème au niveau du code PHP c'est pourquoi je l'ai enlevée.
Même avec le ponctuation ça passe sous FF et pas sous IE.
Une solution ?

**tusssss** · 20/07/2010, 13h29

Envoyé par le_chomeur

j'ajouterais qu'il faudrait voir le contenu de la fonction

Code :

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

BulleWrite

qui doit certainement se trouver dans le fichier gfbulle.js

comme dit plus haut, il nous faut le code javascript de la fonction que vous utilisez, pour voir le fonctionnement.

**mac7474** · 20/07/2010, 13h29

Envoyé par le_chomeur

j'ajouterais qu'il faudrait voir le contenu de la fonction

Code :

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

BulleWrite

qui doit certainement se trouver dans le fichier gfbulle.js

Ok merci, demain matin je vous envoie le code de gfbulle.js, car là je ne suis plus au boulot (je suis au chômage à mi temps :p ).

Mais en faisant un copier coller de mon code sur votre bureau, qui ne pourra donc pas faire appel à cette fonction, ça passera sous FF et pas sous IE.
Donc je ne pense pas que le PB soit dans cette fonction.

Je viens de refaire un test chez moi (sans les liens vers les css et js) et c'est le même problème, ça passe sous FF et pas sous IE.

**mac7474** · 20/07/2010, 13h43

Envoyé par tusssss

comme dit plus haut, il nous faut le code javascript de la fonction que vous utilisez, pour voir le fonctionnement.

Comme dit plus bas j'ai refait les test chez moi et c'est pareil.

Pour faire le test il suffit de créer un nouveau fichier text coller dedans mon code puis le renommer en test.htm puis l'ouvrir sous FF puis sous IE.

Voici le code simplifié qui pose le même problème :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<HEAD> 
</HEAD>        
<body >
 
 
 
<A href="affiche.php?pw=30" OnMouseOver="return(BulleWrite('<b>Nom : </b>test'));"OnMouseOut="return(BulleHide());">
 <span  style="position:absolute; left: 500; top:500; "><img src="img/non.png"   ></span></A>
 
 
</body>
</html>

Je ne me suis peut être mal exprimé, je souhaiterai que ce code fonctionne sous IE et pas que sur FF, GC et Opera.
Il doit y avoir quelque chose sous IE qui fait qu'il interprète différemment le JS.
Mais mes connaissances en JS ne sont pas suffisante pour trouver la solution.
C'est pourquoi je viens ici.
Merci de me dire ce qui cloche au niveau du code javasript, c'est à dire ce qui empêche IE d'ouvrir le lien vers affiche.php?pw=30.

**Bovino** · 20/07/2010, 13h53

Envoyé par mac7474

Pour faire le test il suffit de créer un nouveau fichier text coller dedans mon code puis le renommer en test.htm puis l'ouvrir sous FF puis sous IE.

Ben non, si on a pas le code de la fonction BulleWrite(), je vois pas comment on peut tester

**mac7474** · 20/07/2010, 13h54

Bonjour,

J'ai essayé en allégeant le plus possible et avec ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<HEAD> 
</HEAD>        
<body >
 
 
 
<A href="affiche.php?pw=30" >
 <span  style="position:absolute; left: 500; top:500; "><img src="img/non.png"   ></span></A>
 
 
</body>
</html>

Cela continue à fonctionner sous FF et pas sous IE.
Où ais-je fait une erreur de syntaxe ?

De plus maintenant je suis hors sujet car il ne semble pas qu'il y ait un problème de JS mais de codage HTML ou CSS.

**mac7474** · 20/07/2010, 14h00

Envoyé par Bovino

Ben non, si on a pas le code de la fonction BulleWrite(), je vois pas comment on peut tester

En fait en épurant le code et en enlevant ce qui renvoie vers le css ou le JS ça fait pareil.
C'est à dire que ça essais d'ouvrir le lien php sous FF et pas sous IE.
Donc le problème ne semble pas se situer au niveau JS mais HTML ou CSS.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<html>
<HEAD> 
</HEAD>        
<body >
 
 
 
<A href="affiche.php?pw=30" >
 <span  style="position:absolute; left: 500; top:500; "><img src="img/non.png"   ></span></A>
 
 
</body>
</html>

Quelque chose semble ne pas plaire à IE.
Mais comme je suis HS ici niveau JS, dois-fermer ou transférer ma discussion ?

**mac7474** · 20/07/2010, 14h07

je pense avoir trouvé, IE ne semble pas apprécié que je mette la position de l'image dans une balise span.

avec ce code ça passe sous IE et FF :

Code :

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

1
2
3
4
5
6
7
8
9
10
<html>
<HEAD> 
</HEAD>        
<body > 
 
<A href="affiche.php?pw=30" >
<img src="img/non.png"   style="position:absolute; left: 500; top:500; "></A>
 
</body>
</html>

Merci à tous pour vos réponses et désolé pour le hors sujet.
Dois-je faire un délestage ?

**Bovino** · 20/07/2010, 14h12

Envoyé par mac7474

Dois-je faire un délestage ?

Non, ça pourra peut-être être utile à d'autres

**tusssss** · 20/07/2010, 14h17

Juste pour un dernier conseil, vous devriez vraiment faire attention à garder un code propre, cela vous évitera surement des problèmes plus tard.

Par ces mots, je pense à :

* séparation propriétés css et code html
* mettre les guillemets quand il en faut

C'est toujours dommageable et frustrant de passer 1h à corriger des problèmes alors qu'il manque juste des guillemets ou des apostrophes...(même si le problème ne venait pas de la dans ce cas précis)

Bonne continuation

**mac7474** · 20/07/2010, 14h26

Envoyé par Bovino

Non, ça pourra peut-être être utile à d'autres

Ok bien reçu.

**mac7474** · 20/07/2010, 14h35

Envoyé par tusssss

Juste pour un dernier conseil, vous devriez vraiment faire attention à garder un code propre, cela vous évitera surement des problèmes plus tard.

Par ces mots, je pense à :

* séparation propriétés css et code html
* mettre les guillemets quand il en faut

C'est toujours dommageable et frustrant de passer 1h à corriger des problèmes alors qu'il manque juste des guillemets ou des apostrophes...(même si le problème ne venait pas de la dans ce cas précis)

Bonne continuation

Merci.
Généralement je préfère aussi avoir un seul appel vers un fichier css.
Mais là j'ai un plan avec pleins d'icones qui apparaissent en fonction de coordonnées dans une base de données, donc c'est pour cela que j'ai fait une insertion CSS (depuis des variables php) ds le code HTML pour les coordonnées.

Pour ce qui est des guillemets en PHP j'évite d'en mettre le plus possible pour éviter de mettes des \ et en plus s'il y a du JS les guillemets doubles me posait problème.

Je sais que l'on doit mettre les apostrophe pour respecter la norme W3C.
Mais le plus gros pb que je rencontre c'est d'adapté mon code à IE qui marche souvent sous FF.
Les browser eux même ne respectant pas le W3C si j'ai bien compris.

PS : Ce qui me fait perdre le plus de temps je crois, c'est mon manque de connaissance en PHP et JS, car j'ai appris la programmation avec internet et non à l'école, ce qui fait que je peux passer plusieurs jours pour un trucs qui peut vous paraître très simple. Mais c'est pas vraiment un problème tant que je peux venir ici, si vraiment je ne trouve pas tout seul

**tusssss** · 20/07/2010, 14h54

Envoyé par mac7474

Merci.
Je sais que l'on doit mettre les apostrophe pour respecter la norme W3C.
Mais le plus gros pb que je rencontre c'est d'adapté mon code à IE qui marche souvent sous FF.
Les browser eux même ne respectant pas le W3C si j'ai bien compris.

Essayer de faire du code cross-browser est toujours un plus. Cependant, il existe des exceptions, comme notamment les intranets, ou le fait d'être cross-browser n'a souvent aucun avantage.

Il existe des tests javascripts qui permettent de connaître le navigateur de l'utilisateur et d'adapter son code en fonction, ceci est souvent fastidieux, puisqu'il faut développer plusieurs branches.

Après, libre à chacun de travailler comme il le préfère.

Envoyé par mac7474

PS : Ce qui me fait perdre le plus de temps je crois, c'est mon manque de connaissance en PHP et JS, car j'ai appris la programmation avec internet et non à l'école, ce qui fait que je peux passer plusieurs jours pour un trucs qui peut vous paraître très simple. Mais c'est pas vraiment un problème tant que je peux venir ici, si vraiment je ne trouve pas tout seul

Je pense que la plupart des gens sur ce forum, ont appris le PHP et le JS, tout du moins réellement appris et utilisé, sur les forums et sur internet, et nous avons tous passé des journées entières sur des bugs qui paraitront simple à d'autres et c'est pour ça qu'existe ce forum en effet.

Je me trompe peut-être en disant cela...

Bon courage.

**mac7474** · 20/07/2010, 15h04

Envoyé par tusssss

Essayer de faire du code cross-browser est toujours un plus. Cependant, il existe des exceptions, comme notamment les intranets, ou le fait d'être cross-browser n'a souvent aucun avantage.

Il existe des tests javascripts qui permettent de connaître le navigateur de l'utilisateur et d'adapter son code en fonction, ceci est souvent fastidieux, puisqu'il faut développer plusieurs branches.

Après, libre à chacun de travailler comme il le préfère.

Ok ça m'est arrivé pour un PB de gestion des PNG.
Sous IE je ne pouvais pas avoir un fond translucide, donc je récupérai le user agent pour mettre un fond noir si ct IE.

Envoyé par tusssss

Je pense que la plupart des gens sur ce forum, ont appris le PHP et le JS, tout du moins réellement appris et utilisé, sur les forums et sur internet, et nous avons tous passé des journées entières sur des bugs qui paraitront simple à d'autres et c'est pour ça qu'existe ce forum en effet.

Je me trompe peut-être en disant cela...

Bon courage.

Ok merci toi aussi et a+

compatibilité avec IE

JavaScript

Discussions similaires

Partager

Partager