Erreur Internet Explorer 8 - FF3 OK

Version imprimable

Bonjour à tous.

J'ai ici un code qui active - désactive une commande électronique à distance (Merci encore à SpaceFrog :ccool: )

Ca passe sans problème sous Firefox3 sous lequel je développe. Je teste quand même sous Internet Explorer 8 et que vois-je? Ben y'a des erreurs Javascript mais je ne comprend pas bien où !

Pourriez-vous m'aider?

La page de test est ici : http://users.skynet.be/fa395022/test.html

Quand on clic sur 1 des 4 boutons, ça lance un script à distance via des images cachées.

Voici le code qui appelle la fonction : (pour le btn 1)
HTML
Code:

1 2 3 <img src="" id="fake1" style="visibility:hidden" /> <a href="#" onClick="cam1()"><img src="rouge.gif" id="led1" /></a>
Voici le code dans le fichier fonctions.js :
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 function cam1(){ pic1=document.getElementById('fake1'); pic2=document.getElementById('fake2'); pic3=document.getElementById('fake3'); pic4=document.getElementById('fake4'); led1=document.getElementById('led1'); image = document.getElementById('led1').getAttribute("src"); if (image == 'rouge.gif'){ pic1.src='http://axis-241s/axis-cgi/io/output.cgi?action=1:\\' pic2.src='http://axis-241s/axis-cgi/io/output.cgi?action=2:\\' pic3.src='http://axis-241s/axis-cgi/io/output.cgi?action=3:\\' pic4.src='http://axis-241s/axis-cgi/io/output.cgi?action=4:/1200\\' led1.src='vert.gif' } if (image == 'vert.gif'){ pic1.src='http://axis-241s/axis-cgi/io/output.cgi?action=1:\\' pic2.src='http://axis-241s/axis-cgi/io/output.cgi?action=2:\\' pic3.src='http://axis-241s/axis-cgi/io/output.cgi?action=3:\\' pic4.src='http://axis-241s/axis-cgi/io/output.cgi?action=4:\\' led1.src='rouge.gif' } }
Voyez-vous ce qui pose encore problème à ce foutu navigateur de µSoft? :-)

Merci d'avance,

13/08/2009, 11h18
SpaceFrog

sans doute une securité au niveau IE8 qui bloque la modif des src ?
essaye de passer plutot par un iframe caché et modifie le location.href ou le src de l'iframe
13/08/2009, 11h34
arnaud_verlaine

Merci de ton aide précieuse une fois de plus :ccool:

Non ça ne vient pas de là car avec un test simple ça fonctionne impecc.

Voir : http://users.skynet.be/fa395022/testfrog.html

Ce que je fait de plus dans ma page?

rien , hormis que j'ai 4 boutons au lieu de 1 et que les 4 fonctions sont mises dans un fichier externe !!

essaye:

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
function cam1(){
var tabPics=new Array();
var pic1=document.getElementById('fake1');
var pic2=document.getElementById('fake2');
var pic3=document.getElementById('fake3');
var pic4=document.getElementById('fake41');
 
led1=document.getElementById('led1');
image = document.getElementById('led1').getAttribute("src");
 
var prefixe= "http://axis-241s/axis-cgi/io/output.cgi?action=";
 
if (image == 'rouge.gif'){
	pic1.src=prefixe+escape("1:\\");
	pic2.src=prefixe+escape("2:\\");
	pic3.src=prefixe+escape("3:\\");
	pic4.src=prefixe+escape("4:/1200\\")
	led1.src='vert.gif'
 
}
if (image == 'vert.gif'){
	pic1.src=prefixe+escape("1:\\");
	pic2.src=prefixe+escape("2:\\");
	pic3.src=prefixe+escape("3:\\");
	pic4.src=prefixe+escape("4:\\");
	led1.src='rouge.gif'
}
}

teste le paramètre reçu coté serveur pour voir ce qu'il contient ...

13/08/2009, 11h46
Bovino

Salut,
Je pense que :

Code:

image = document.getElementById('led1').getAttribute("src");

ne renvoie pas la bonne valeur avec IE8...
Du coup essaye :

Code:

if (image.match('rouge.gif'))
13/08/2009, 11h56
arnaud_verlaine

> Bovino

Ce n'est pas qu'il ne gère pas cette propriété car dans le simple script, il la gère.

Voici l'erreur qu'il m'indique quand je clic sur 1 des 4 boutons :

Citation:

Détails de l’erreur de la page Web

Agent utilisateur : Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
Horodateur : Thu, 13 Aug 2009 09:54:08 UTC

Message*: Cet objet ne gère pas cette propriété ou cette méthode
Ligne*: 12
Caractère*: 1
Code*: 0
URI*: file:///C:/Users/arnaud/Desktop/AXIS/fonctions.js
13/08/2009, 12h04
SpaceFrog

fais des teste avec des alertes sur src et getAttribute('src') voir ce qu'il retourne ...
ensuite il faudra peut être utilise juste le src et parser le contenu
13/08/2009, 12h10
Bovino

Citation:

Envoyé par Bovino

Je pense que :

Code:

image = document.getElementById('led1').getAttribute("src");

ne renvoie pas la bonne valeur avec IE8...

Je dis pas qu'IE8 ne gère pas cette méthode, je dis que IE8 ne renvoie pas le bon résultat, ce qui explique que ta page d'exemple ne fonctionne pas avec IE8 (l'image n'est pas modifiée) !
13/08/2009, 13h41
arnaud_verlaine
En effet ! Le problème vient de là !!

Ils devraient se mettre d'accord hein !!

Sous Firefox
Code:

1 2 image = document.getElementById('led1').getAttribute("src");
Correspond à rouge.gif et c'est correct.

Sous IE8
Code:

1 2 image = document.getElementById('led1').getAttribute("src");
Correspond à c:\users\blabla\rouge.gif et c'est incorrect car adresse relative c'est comme si je faisais un
Code:

1 2 image = document.getElementById('led1').src;
Correspond à rouge.gif et c'est correct.

Avez-vous une idée?
13/08/2009, 15h27
Bovino

Citation:

Envoyé par Bovino

Du coup essaye :

Code:

if (image.match('rouge.gif'))

:roll:
13/08/2009, 16h01
SpaceFrog

Citation:

ensuite il faudra peut être utilise juste le src et parser le contenu