mon script Geckos pose problème sous FF

Question

Bonjour,

Voilà j'ai un joli script qui affiche des Salamandes, mais bizarrement il ne fonctionne pas sur ma page web et sous FireFox.

Mais pourtant il fonctionne sous FireFox avec une page normale ! Sous Opéra ça marche et IE aussi.

J'ai même refait un gabarit vierge avec une Iframe ça marche aussi. Mais sur mon site ça marche pas sous FF :(

Je comprens pas d'ou cela vient !

merci

cs_Diabless6 · Answer

Le lien:

http://isis.no-ip.info/site/index.php?frame_a=rss

le mode debug est activé donc le script fonctionne...

voilà!

cs_bultez · Answer

Bonjour, >>le mode debug est activé donc le script fonctionne.. quel mode debug ? et ça ferait fonctionner ? qu'appelles-tu le mode debug ? >>bizarrement il ne fonctionne pas sur ma page web et sous FireFox. >>Mais pourtant il fonctionne sous FireFox avec une page normale ! >>Sous Opéra ça marche et IE aussi. ça veut dire qu'en local ça baigne et que sur le site, avec FF, non ??? et si tu nous disais ce qui ne fonctionne pas ? et même mieux, si tu postais ici, le petit extrait de ce qui pose problème ? où alors, c'est de la pub pour le site ?

Cordialement Bul [mon Site] [M'écrire]

cs_Diabless6 · Answer

Bonsoir,

Alors si vous avez regarder le script fonctionner, les lignes qui défilaient était le mode Debug !

l'origine du script se trouve ici :

http://www.singyfamily.com/Hob/tech/aniMagiX/aniMagiX-how-to.html

Alors j'ai une vague impression que les Salamandes sont bloquées tout en haut de la page,
mais je n'arrive pas à l'expliquer.

Voilà.

PetoleTeam · Answer

B
onjour...
Sans avoir regardé plus avant...

avec un DOCTYPE il faut ajouter les unitées aux déclaration de positionnement
  Obj.style.top  =  y + 'px' ;
  Obj.style.left  = x +'px';

essaies de supprimer le DOCTYPE de ton document ou mieux ajoutes les px comme si dessus dans le fichier.js
;0)

cs_Diabless6 · Answer

Bonjour,

Il y a 2 fichiers .js mais je n'ai pas trouvé de  Obj.style.top  = y  ou

Obj.style.left = x

Pouvez-vous me dire ou exactement ?

Merci

PetoleTeam · Answer

B
onjour...
le Obj est à prendre au sens large, il fallait chercher avec style.top
...donc trouvé dans le fichier aniMagiX.js

function AMXmove(sid,sx,sy,sz){



if(isIE){
document.all["AMXb"+sid].style.pixelTop= sy;
document.all["AMXb"+sid].style.pixelLeft=sx;
document.all["AMXb"+sid].style.zIndex=sz;
}else{
if(isNS5){
document.getElementById("AMXb"+sid).style.top=sy  +'px' ;
document.getElementById("AMXb"+sid).style.left =sx +'px';
document.getElementById("AMXb"+sid).style.zIndex=sz;
}else{
document.layers["AMXb"+sid].pageX=sx;
document.layers["AMXb"+sid].pageY=sy;
document.layers["AMXb"+sid].zIndex=sz;
}
}
return;
}
qui peut devenir plus simplement et plus rapide

//--------------------------------
function AMXmove( sid, sx, sy, sz){
  var Obj =document.getElementById("AMXb"+sid);
  if( Obj){
    Obj.style.top    = sy +'px';
    Obj.style.left   = sx +'px';
    Obj.style.zIndex = sz;
  }




  return;
}

...à tester...

PS : l'image de visa n'apparaît pas , vu sous IE!
;0)

cs_Diabless6 · Answer

Bonjour,

Alors j'ai testé les 2 façons, le code fonctionne sous FireFox enfin !

Mais le problème c'est inversé avec IE, les salamandes sont bloquées en haut.

Je pensais que en rajoutant là :

if(isIE){
document.all["AMXb"+sid].style.pixelTop=sy  +'px';
document.all["AMXb"+sid].style.pixelLeft=sx +'px';
document.all["AMXb"+sid].style.zIndex=sz;

Mais cela ne fait rien 

Alors je vois pas trop là.

Merci de ton aide.

cs_Diabless6 · Answer

Bonsoir,

en faite //--------------------------------
function AMXmove( sid, sx, sy, sz){
  var Obj =document.getElementById("AMXb"+sid);
  if( Obj){
    Obj.style.top    = sy +'px';
    Obj.style.left   = sx +'px';
    Obj.style.zIndex = sz;
  }

  return;
}

Ce script marche, je javais une } en trop 

Ensuite pour IE je n'ai trouver qu'une solution nizarre !

j'ai dans ma page web un conteneur qui était à l'origine en position:absolute

Je l'ai mis en position:relative

et ça marche ! sur IE, j'y comprends rien !
Le seul bémol c que sous Firefox, les salamandes sont lentes et le 
CPU passe à 100% alors quil ne devrait pas.

Je vais bientot mettre mon nouveau site en ligne, alors si vous avez une idée encore... 

Merci encore pour votre précieuse aide,
Diana

cs_Diabless6 · Answer

Ce script me tient très a coeur, car je voudrais créer d'autres animaux.

cs_Diabless6 · Answer

Bonjour,

Après de multiples essaies sous IE, du code à été encore remplacé:

Dans le fichier aniMagix.js:

win_height=document.body.clientHeight;

win_width=document.body.clientWidth;

remplacées par:

win_height=iecompattest().clientHeight;
win_width=iecompattest().clientWidth;

puis une nouvelle fonction en haut du fichier:

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

Voilà, je tenais a vous mettre au courant, now le script fonctionne à tous les niveaux.
Merci encore.

PetoleTeam · Answer

B
onsoir...
Heureux si cela marche, il semblerait bien donc qu'il y ai eu un problème de DOCTYPE au vu de ta dernière réponse...
;0)

cs_Diabless6 · Answer

A ça ! Je peux pas te dire, je suis trop limitée en javascript 
Mais j'ai fait rajouté un OnMouseOver pour les poussées avec la souris, c trop cool

PetoleTeam · Answer

Existe t-il un lien pour pouvoir admirer le résultat..





;0)

cs_Diabless6 · Answer

oui  http://isis.no-ip.info/site/

Mon m'a dit un truc pour le scroll mais j'ai rien pigé, pourtant ça marche bien sous IE ou FF
J'ai mis 2 heures à trouvé le bon CSS :( mdr

Mon script Geckos pose problème sous FF

14 réponses

Votre réponse

Discussions similaires