problèmes de compatibilté entre navigateur (FF et IE)
Bonsoir à tous ;)
je me permet de ré-ouvrir ce post car je viens de me rendre compte de quelques problèmes de compatibilité entre navigateur. Je préfère ré-ouvrir le topic, au moins vous avez à disposition tout ce qu'il faut (codes etc...). Voici la synthèse que j'ai pu relever :
Firefox 3.5.4 :
- Côté admin : aucun problème de pratique
- Côté public : aucun problème d'affichage
IE 8 :
- Côté admin : pratique fastidieuse
- Côté public : aucun problème d'affichage
IE 7 :
- Côté admin : aucun problème de pratique
- Côté public : problème d'affichage (les images ne sont pas restituées)
IE 6 :
- Côté admin : aucun problème de pratique
- Côté public : problème d'affichage (les images ne sont pas restituées)
J'aimerais donc corriger les problèmes de resitution d'images, connus avec IE 7 (je pense que cela devrait corriger IE6 en même temps, sinon tant pis... Arrivé un jour, il faut se mettre à jour...)
Auriez-vous une solution pour remédier à ce problème ?:?
Pour informations : Sur IE7, une erreur est signalé par un petit panneau jaune en bas gauche du navigateur. Généralement il y en a deux :
1 - chaîne ou identificateur attendu
2 - objet attendu
La seconde pointe pointe envers les signatures correspondant aux objets qui doivent être restitués. Par exemple :
Code:
1
2
| <div id="soleil1" onmousedown="beginDrag(this,event);" onmousemove="drag(event);" onmouseup="endDrag();">
<img id="soleil" src="./picto/soleil.png" onMouseDown="cache(this);" onMouseUp="affiche(this);"/> </div> |
Pour rappel, voici les fonctions permettant la restitution des images :
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
45
46
47
| <script>
var imagesPath = {
"soleil" : "./picto/soleil.png",
"peunuageux" : "./picto/peunuageux.png",
"mitige" : "./picto/mitige.png",
"tresnuageux" : "./picto/tresnuageux.png",
"couvert" : "./picto/couvert.png"
etc; etc; etc.......
};
function getImageFromIdOrCreate(id) {
var image = document.getElementById(id);
if(! image) {
var key = id.replace(/\d+$/, "");
image = document.createElement("img");
image.src = imagesPath[key] ;
document.getElementById("tobackground").appendChild(image);
}
return image;
}
function load(){
var allCoords = eval("(<?php echo $json?>)");
for(var imageid in allCoords) {
var coord = allCoords[imageid];
var image = getImageFromIdOrCreate(imageid);
if(coord.top < 480){
if(coord.left < 480){
image.style.position = "absolute";
//alert("coord top :" + coord.top);
//alert("coord left :" + coord.left);
image.style.left = + coord.left + "px";
image.style.top = + coord.top + "px";
}
else{
image.style.visibility = "hidden";
}
}
else{
image.style.visibility = "hidden";
}
}
}
</script> |
