Discussion :

[arnaud_verlaine]

Bonjour à tous.

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

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 :

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

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 :

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
 
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,

[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

[arnaud_verlaine]

Merci de ton aide précieuse une fois de plus

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 !!

[SpaceFrog]

essaye:

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
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 ...

[Bovino]

Salut,
Je pense que :

Code :

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

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

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

Code :

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

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

[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 :

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

[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

[Bovino]

Je pense que :

Code :

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

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) !

[arnaud_verlaine]

En effet ! Le problème vient de là !!

Ils devraient se mettre d'accord hein !!

Sous Firefox

Code :

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

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

Correspond à rouge.gif et c'est correct.

Sous IE8

Code :

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

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 :

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

1
2
 
image = document.getElementById('led1').src;

Correspond à rouge.gif et c'est correct.

Avez-vous une idée?

[Bovino]

Du coup essaye :

Code :

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

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

[SpaceFrog]

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