Sujet Précédent Sujet Suivant

Script sous ie et ne s'ouvre pas sous firefox

angeo37 Messages postés 5 Statut Membre -  
 angeo37 -
Bonjour,
Sur mon site, j'ai un script qui fonctionne parfaitement sous ie mais pas sous firefox, tout est figé, que puis-je changer pour que cela aille bien? Merci d'avance de me dépanner si vous le pouvez et en avez le temps ou l'envie ;-)

Bizzz, Gisèle

Le voici détaillé :

<script>

var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;

function checkbrOK()
{if(aname.indexOf("Internet Explorer")!=-1)
{if(aver>=4) brOK=navigator.javaEnabled();
mie=true;
}
if(aname.indexOf("Netscape")!=-1)
{if(aver>=4) brOK=navigator.javaEnabled();}
}

var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function Chip(chipname,width,height)
{this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}

function movechip(chipname)
{
if(brOK)
{eval("chip="+chipname);
if(!mie)
{pageX=window.pageXOffset;
pageW=window.innerWidth;
pageY=window.pageYOffset;
pageH=window.innerHeight;
}
else
{pageX=window.document.body.scrollLeft;
pageW=window.document.body.offsetWidth-35;
pageY=window.document.body.scrollTop;
pageH=window.document.body.offsetHeight-10;
}

chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;

chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;

if(chip.xx<=pageX)
{chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w)
{chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}

if(!mie)
{eval('document.'+chip.named+'.top ='+chip.yy);
eval('document.'+chip.named+'.left='+chip.xx);
}
else
{eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy);
}
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
}
}

function stopme(chipname)
{if(brOK) {
eval("chip="+chipname);
if(chip.timer1!=null)
{clearTimeout(chip.timer1)}
}
}
</script>
<script>
var chip1;
var chip2;
var chip3;
var chip4;
var chip5;
var chip6;
var chip7;
// ajouter ou supprimer des variables selon le nombre d'images utilisées.
function pagestart(){
checkbrOK();
chip1=new Chip("chip1",200,200);
chip2=new Chip("chip2",200,200);
chip3=new Chip("chip3",200,200);
chip4=new Chip("chip4",200,200);
chip5=new Chip("chip5",200,200);
chip6=new Chip("chip6",200,200);
chip7=new Chip("chip7",200,200);
//ajouter ou supprimer des éléments qui précèdent selon le nombre d'images utilisées.
if(brOK) {
movechip("chip1");
movechip("chip2");
movechip("chip3");
movechip("chip4");
movechip("chip5");
movechip("chip6");
movechip("chip7");
//ajouter ou supprimer des éléments qui précèdent selon le nombre d'images utilisées.
}
}
</script>

;-);-);-)
A voir également:

8 réponses

Réponse 1 / 8
Posotaz Messages postés 505 Statut Membre 225
 
Bonjour Gisèle,

Il est difficile de voir ce qui ne va pas dans un script contenant uniquement des fonctions (manquent les appels donc, à mon sens) et dont on ne connait pas l'objectif. Mais il serait intéressant, puisque FireFox en dispose d'une, d'ouvrir sa console d'erreurs... (menu "outils" > "console d'erreurs"). En général ça permet de repérer la source du problème s'il s'agit d'une instruction mal utilisée ou non standard. Je sais, par expérience, que les instructions qui permettent de mesurer les dimensions de l'écran ou d'un bloc sont différentes pour IE et FireFox... comme je vois que tu en utilises il faudrait peut-être chercher de ce côté là. ;-)
0
angeo
 
Bonjour,
Et mille mercis de ta réponse, mais je n'arrive toujours pas à trouver le blem .... :-/

J'aurais du en effet, mettre le lien de la page pour que l'on puisse se rendre compte du problème, le voici :

http://www.aniel.be/carres/carresmagiques.htm

Sous ie, les carrés voyagent, sous firefox, ils restent dans un coin, les uns sur les autres .... grrrr ;-)

Merci de m'éclairer à nouveau, bonne journée

Gisèle
0
Réponse 2 / 8
angeo
 
Up pour une help ;-)
0
Réponse 3 / 8
Posotaz Messages postés 505 Statut Membre 225
 
Salut,

Oh comme c'est beau ^^ En effet sous FireFox ça reste figé... Et il me met comme erreur : "document.chip1" has no properties (ligne 107). En fait c'est comme si il ne voyait pas "chip1" comme un objet correct... Ben écoute je vais essayer de regarder demain si j'ai le temps mais je ne te garantis rien, ça demande à être approfondi, ça fait un bon bout de temps que je ne fais plus de JavaScript régulièrement et encore moins en Orienté Objet. Ce script tu l'as fait toi-même ou ça vient d'un site ? Parce qu'il a quand même l'air de gérer les différences entre IE et un autre navigateur mais sans plus.
0
Réponse 4 / 8
angeo
 
C'est super gentil, merci très sincère ;-)

Je ne m'y connais pas beaucoup, je me débrouille comme je peux en adaptant des scripts trouvés, mais pas toujours facile qaund on ne comprend pas la base :-/

Il ne doit pas y avoir grand'chose à faire mais quoi, ça ..... et c'est bête car cette page plaît beaucoup aux gens mais à présent, beaucoup utilisent Firefox, donc blem, sniffff

Merci encore de m'aider si cela t'est possible !! ;-)

Bizzz, Gisèle
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 8
Posotaz Messages postés 505 Statut Membre 225
 
Re,

Je suis désolé mais après avoir passé une demi-heure sur le code j'ai juste réussi à enlever l'erreur* donnée par FireFox et précédemment citée. Avec cette petite modif il ne met plus aucune erreur mais... tout reste quand même figé, je ne comprends pas.

Si quelqu'un d'autre peut essayer de se pencher sur le problème, il me faudrait un peu plus de temps et de calme et j'avoue que ces paramètres me manquent en ce moment :-s ^^

___
*En enlevant "document" devant "chip.named" (ça change peut-être le sens mais si c'était ça j'ai essayé un document.getElementById et ça ne passe pas mieux, ça met 'cor une autre erreur) où il affiche bien des valeurs changeantes comme ceci : (J'ai ici demandé d'afficher document.write(chip.named + " - " + chip.yy + ", " + chip.xx); ) 
chip1 - 3.68762869868345, 6.761404819953377chip2 - 3.6418928185116584, 6.560400628163734chip3 - 3.5112416658786025, 6.2498359308436315chip4 - 4.070851105472078, 2.085191544782683chip5 - 6.779740824480456, 2.65949320702623chip6 - 5.199274864224163, 3.3149340289080924chip7 - 3.894983421554255, 3.0006100897406522
Et ensuite il met une autre erreur par contre (assez étonnant : "movechip is not defined")... On voit qu'il est fatigué le bonhomme ^^
0
Réponse 6 / 8
angeo37
 
Merci à toi ;-)

C'est déjà pas mal d'avoir essayé !!
Voilà le blem quand on prend des scripts à gauche ou à droite et que l'on ne s'y connaît pas assez, grrrrrr :-(

Tant pis, je vais continuer à chercher itou ou recommencer de zéro pour refaire ;-)

Mille mercis de tes efforts, bizzz

Gisèle
0
Réponse 7 / 8
Posotaz Messages postés 505 Statut Membre 225
 
Salut !

Alors voilà j'ai trouvé une partie de ce qui cloche avec FireFox. En effet c'est un script qui fonctionne soit pour IE (document.all), soit pour Netscape (où on sait accéder aux id des balises par l'objet document). Sous FireFox, qui est un peu plus standard que les autres, on accède à une balise d'un id donné par 
document.getElementById("nomId");
Une fois qu'on a cet objet (dans ton cas on obtient des DIV), on ne peut pas accéder directement aux propriétés "top" et "left". Il faut d'abord passer par la propriété "style", c'est à dire que ça doit ressembler à 
var chipCopy = document.getElementById(chip.named); // On récupère la balise DIV
chipCopy.style.top = chip.yy;  // On définit la position en passant par la propriété style de l'objet DIV.
chipCopy.style.left = chip.xx;  // idem
Enlevant les conditions "brOk" et remplaçant la condition "mie" par "document.all" on nettoie déjà pas mal le code pour le rendre plus standard (tous les navigateurs connaissent le document.getElementById de toute façon, ce code doit être trèèèèès vieux, du temps même où je ne connaissais encore rien en programmation).

Et là il reste encore une erreur avec la fonction eval(). Si j'essaie de contourner le problème je n'arrive pas à appeler le movechip() via le setTimeout() en passant l'objet "Chip" en argument à la méthode moveChip... Donc en essayant un pitoyable contournement j'arrive juste à faire bouger le carré rose... Je te place quand même le code en phase de test sur lequel je travaille depuis hier soir mais il ne fonctionne pas (ça bouge mais pas comme ça devrait) : 
<html><head>


<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Carrés Magiques</title>


<script type="text/javascript" language="JavaScript">
<!--
var message="Tiens, vous avez un clic droit ! Copyright aniel.be";

var log = "";

var curChip = null;

function stop_au_vol(e) {
	if (document.all) {
		if (event.button == 2) {
			alert(message);
			return false;
		}
	}
	if (document.layers) {
		if (e.which == 3) {
			alert(message);
			return false;
		}
	}
}

if (document.layers) {
	document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=stop_au_vol;

var brOK=false;
var mie=false;
var aver=parseInt(navigator.appVersion.substring(0,1));
var aname=navigator.appName;

var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function Chip(chipname,width,height)
{
	this.named=chipname;
	this.vx=vmin+vmax*Math.random();
	this.vy=vmin+vmax*Math.random();
	this.w=width;
	this.h=height;
	this.xx=0;
	this.yy=0;
	this.timer1=null;
}

function movechip(chip/*name*/)
{	
	if(/*brOK*/true)
	{
		//eval("chip="+chipname); 
		
		if(!document.all)
		{	
			pageX=window.pageXOffset;
			pageW=window.innerWidth;
			pageY=window.pageYOffset;
			pageH=window.innerHeight;
		}
		else
		{
			pageX=window.document.body.scrollLeft;
			pageW=window.document.body.offsetWidth-35;
			pageY=window.document.body.scrollTop;
			pageH=window.document.body.offsetHeight-10;
		} 
		
		chip.xx=chip.xx+chip.vx;
		chip.yy=chip.yy+chip.vy;

		chip.vx+=vr*(Math.random()-0.5);
		chip.vy+=vr*(Math.random()-0.5);
		if(chip.vx>(vmax+vmin))  chip.vx=(vmax+vmin)*2-chip.vx;
		if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
		if(chip.vy>(vmax+vmin))  chip.vy=(vmax+vmin)*2-chip.vy;
		if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;

		if(chip.xx<=pageX)
		{
			chip.xx=pageX;
			chip.vx=vmin+vmax*Math.random();
		}
		
		if(chip.xx>=pageX+pageW-chip.w)
		{
			chip.xx=pageX+pageW-chip.w;
			chip.vx=-vmin-vmax*Math.random();
		}
		
		if(chip.yy<=pageY)
		{
			chip.yy=pageY;
			chip.vy=vmin+vmax*Math.random();
		}
		
		if(chip.yy>=pageY+pageH-chip.h)
		{
			chip.yy=pageY+pageH-chip.h;
			chip.vy=-vmin-vmax*Math.random();
		}

		if(!document.all)
		{
			//alert(document.getElementById(chip.named));
			//alert(chip.named);
			//alert(document.chip.named);
			var chipCopy = document.getElementById(chip.named);
			//
			log += chip.named + " " + chipCopy + "\n";
			if(null != chipCopy) {
				chipCopy.style.top = chip.yy;
				chipCopy.style.left = chip.xx;
			}
			//if(chip.timer1!=null) clearTimeout(chip.timer1);
			//document.write(chip.named + " - " + chip.yy + ", " + chip.xx);
		} 
		else
		{
			eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx);
			eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); 
		}
		//chip.timer1 = setTimeout("movechip(" + chip + ")", 100);
		//chip.timer1 = setTimeout("movechip("+chip+")", 100);
		curChip = chip;
		chip.timer1 = setTimeout("moveTimer()", 100);
	}
}

function moveTimer() {
	movechip(curChip);
}

function stopme(chipname)
{if(true) {
		eval("chip="+chipname);
		if(chip.timer1!=null) clearTimeout(chip.timer1);
	}
}

var chip1;
var chip2;
var chip3;
var chip4;
var chip5;
var chip6;
var chip7;
// ajouter ou supprimer des variables selon le nombre d'images utilisées.
function pagestart(){
	chip1=new Chip("chip1",200,200);
	chip2=new Chip("chip2",200,200);
	chip3=new Chip("chip3",200,200);
	chip4=new Chip("chip4",200,200);
	chip5=new Chip("chip5",200,200);
	chip6=new Chip("chip6",200,200);
	chip7=new Chip("chip7",200,200);
	//ajouter ou supprimer des éléments qui précèdent selon le nombre d'images utilisées.
	if(true) {
		movechip(chip1);
		movechip(chip2);
		movechip(chip3);
		movechip(chip4);
		movechip(chip5);
		movechip(chip6);
		movechip(chip7);
		//ajouter ou supprimer des éléments qui précèdent selon le nombre d'images utilisées.
	}
}

function showLog() {
	alert(log);
}
</script></head>

<body onload="pagestart();" onunload="if(true) {stopme('chip1'); stopme('chip2'); stopme('chip3'); stopme('chip4'); stopme('chip5'); stopme('chip6'); stopme('chip7');}" background="carresmagiques_fichiers/yeuxoracle2.jpg" bgcolor="#000066">
<div id="chip1" style="position: absolute; width: 200px; height: 200px;">
<a href="http://www.aniel.be/carres/carre1a.htm" target="_blank"><img src="carresmagiques_fichiers/carre1.jpg" border="0" height="200" width="200"></a></div>

<div id="chip2" style="position: absolute; width: 200px; height: 200px;">
<a href="http://www.aniel.be/carres/carre4a.htm" target="_blank"><img src="carresmagiques_fichiers/carre2.jpg" border="0" height="200" width="200"></a></div><a href="http://www.aniel.be/carres/carre4a.htm" target="_blank"> 
</a>

<div id="chip3" style="position: absolute; width: 200px; height: 200px;">
<a href="http://www.aniel.be/carres/carre7a.htm" target="_blank"><img src="carresmagiques_fichiers/carre3.jpg" border="0" height="200" width="200"></a></div>

<div id="chip4" style="position: absolute; width: 200px; height: 200px;">
<a href="http://www.aniel.be/carres/carre6a.htm" target="_blank"><img src="carresmagiques_fichiers/carre4.jpg" border="0" height="200" width="200"></a></div>

<div id="chip5" style="position: absolute; width: 200px; height: 200px;">
<a href="http://www.aniel.be/carres/carre3a.htm" target="_blank"><img src="carresmagiques_fichiers/carre5.jpg" border="0" height="200" width="200"></a></div>

<div id="chip6" style="position: absolute; width: 200px; height: 200px;">
<a href="http://www.aniel.be/carres/carre2a.htm" target="_blank"><img src="carresmagiques_fichiers/carre6.jpg" border="0" height="200" width="200"></a></div>

<div id="chip7" style="position: absolute; width: 200px; height: 200px;">
<a href="http://www.aniel.be/carres/carre5a.htm" target="_blank"><img src="carresmagiques_fichiers/carre7.jpg" border="0" height="200" width="200"></a> </div>

<p align="center"><b><font color="#ffffff" face="Bangle" size="7">Les Carrés Magiques</font></b></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p onclick="showLog()">LOG</p>
<p align="center"><i><font color="#ffffff" face="Arial">Pour que ce jeu&nbsp; 
fonctionne, utilisez le navigateur Internet Explorer ;-)</font></i></p>
<p align="center"><b><font color="#ff9933" size="5">Prenez le temps de penser à votre question... intensément !!!</font></b></p>
<p align="center"><b><font color="#ff9933" size="5">Ensuite, cliquez sur </font><font color="#ffffff" size="5"> LE</font><font color="#ff9933" size="5"> carré qui vous attire le plus</font></b></p>

<p align="center"><a href="http://www.titag.com/" target="top"><img src="carresmagiques_fichiers/3342.gif" border="0" height="31" width="88"></a>
</p>

</body></html>
Reste à comprendre comment appeler correctement la méthode movechip() en lui passant un argument de type Objet (ici Chip) ?... Enfin, je t'emprie ;-)
0
Réponse 8 / 8
angeo37
 
Waouwwwwwwwwwwwww ;-)

Quel travail ... mille mercis !!

Je vais refaire avec cela et voir plus loin, puisque le travail est fameusement débroussaillé ;-)

Que les Anges te protègent en te remerciant pour l'effort

Bizzzzzzzzzzzzzzzzzzzzzzzzzzz

Gisèle
0

Discussions similaires

Méssage Firefox ''Couldn't load XPCOM''
pistouri -
pistouri -

0 réponse
H.P Smart ne demarre plus
c.meunier -
epango -

8 réponses
Prélèvement Apple.com Bill
Eva_007 -
kikine -

8 réponses