Interférence javascript?
Résolu
megataz
Messages postés
39
Statut
Membre
-
megataz Messages postés 39 Statut Membre -
megataz Messages postés 39 Statut Membre -
Bonjour,
j'ai trouvé un script sur je ne sais plus quel site, et je voulais le mettre en double sur ma page web.
J'ai eu beau changer les noms de toutes les variables, rien n'y fait.
voici en premier le script original qui fonctionne très bien, en second, celui modifié afin de pouvoir le mettre aussi sur la page mais qui ne fonctionne pas. Ce qui ne fonctionne pas, c'est l'affichage des images en rotation du deuxième script.
Je précise que ces deux scripts sont sur des fichiers différents, appelés chacun par une balise php dans ma page.
Merci d'avance,
Original:
<style>
.lien {position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3; }
</style>
</head>
<body>
<DIV ID="teh" STYLE="position:absolute;left:115px;top:86px;width:128px;height:63px;visibility:visible;z-index:4;">
<IMG SRC="images/glb1.gif" width="128" height="63" border=0>
</DIV>
<DIV ID="ob1" class=lien><A HREF="url1"><IMG SRC="images/ob1.gif" width="40" height="40"></A></DIV>
<DIV ID="ob2" class=lien><A HREF="url2"><IMG SRC="images/ob2.gif" width="40" height="40" ></A></DIV>
<DIV ID="ob3" class=lien><A HREF="url3"><IMG SRC="images/ob3.gif" width="40" height="40" ></A></DIV>
<DIV ID="ob4" class=lien><A HREF="url4"><IMG SRC="images/ob4.gif" width="40" height="40" ></A></DIV>
<SCRIPT LANGUAGE = "JavaScript">
var pos;
var ra = 100;
var rb = 60;
var pi = Math.PI;
var inc = pi / 180;
var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var ob1 = (isNS) ? document.ob1 : document.all.ob1.style;
var ob2 = (isNS) ? document.ob2 : document.all.ob2.style;
var ob3 = (isNS) ? document.ob3 : document.all.ob3.style;
var ob4 = (isNS) ? document.ob4 : document.all.ob4.style;
var objets;
objets = new Array(ob1, ob2, ob3, ob4);
pos = new Array(objets);
pos[0] = 0;
for (var i = 1; i < objets.length; i++)
{pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));}
function rotateObjets()
{for (var i = 0; i < pos.length; i++)
{pos[i] += inc;objets[i].left = (ra * Math.cos(pos[i])) + 159;
objets[i].top = (rb * Math.sin(pos[i])) + 94;
objets[i].visibility = "visible";}
rotateTimer = window.setTimeout("rotateObjets()", 30);
}
rotateObjets();
</SCRIPT>
Modifié :
<style>
.lien2 {position:absolute;left:0px;top:200px;width:40px;height:40px;visibility:hidden;z-index:3; }
</style>
</head>
<body>
<DIV ID="teh" STYLE="position:absolute;left:115px;top:254px;width:128px;height:63px;visibility:visible;z-index:4;">
<IMG SRC="images/glb1.gif" width="128" height="63" border=0>
</DIV>
<DIV ID="an1" class=lien><A HREF="url1"><IMG SRC="images/an1.gif" width="40" height="40"></A></DIV>
<DIV ID="an2" class=lien><A HREF="url2"><IMG SRC="images/an2.gif" width="40" height="40"></A></DIV>
<DIV ID="an3" class=lien><A HREF="url3"><IMG SRC="images/an3.gif" width="40" height="40"></A></DIV>
<DIV ID="an4" class=lien><A HREF="url4"><IMG SRC="images/an4.gif" width="40" height="40"></A></DIV>
<SCRIPT LANGUAGE = "JavaScript">
var posan;
var ran = 100;
var rban = 60;
var pian = Math.PI;
var incan = pi / 180;
var isNSan = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var an1 = (isNSan) ? document.an1 : document.all.an1.style;
var an2 = (isNSan) ? document.an2 : document.all.an2.style;
var an3 = (isNSan) ? document.an3 : document.all.an3.style;
var an4 = (isNSan) ? document.an4 : document.all.an4.style;
var an;
an = new Array(an1, an2, an3, an4,);
posan = new Array(an);
posan[0] = 0;
for (var a = 1;a < an.length; a++)
{posan[a] = parseFloat(posan[a - 1] + ((2 * pian) / an.length));}
function rotateAn()
{for (var a = 0; a < posan.length; a++) {posan[a] += incan;
an[a].left = (raan * Math.cos(posan[a])) + 159;
an[a].top = (rban * Math.sin(pos[a])) + 94;
an[a].visibility = "visible";}
rotateTimer = window.setTimeout("rotateAn()", 30);
}
rotateAn();
</SCRIPT>
j'ai trouvé un script sur je ne sais plus quel site, et je voulais le mettre en double sur ma page web.
J'ai eu beau changer les noms de toutes les variables, rien n'y fait.
voici en premier le script original qui fonctionne très bien, en second, celui modifié afin de pouvoir le mettre aussi sur la page mais qui ne fonctionne pas. Ce qui ne fonctionne pas, c'est l'affichage des images en rotation du deuxième script.
Je précise que ces deux scripts sont sur des fichiers différents, appelés chacun par une balise php dans ma page.
Merci d'avance,
Original:
<style>
.lien {position:absolute;left:0px;top:0px;width:40px;height:40px;visibility:hidden;z-index:3; }
</style>
</head>
<body>
<DIV ID="teh" STYLE="position:absolute;left:115px;top:86px;width:128px;height:63px;visibility:visible;z-index:4;">
<IMG SRC="images/glb1.gif" width="128" height="63" border=0>
</DIV>
<DIV ID="ob1" class=lien><A HREF="url1"><IMG SRC="images/ob1.gif" width="40" height="40"></A></DIV>
<DIV ID="ob2" class=lien><A HREF="url2"><IMG SRC="images/ob2.gif" width="40" height="40" ></A></DIV>
<DIV ID="ob3" class=lien><A HREF="url3"><IMG SRC="images/ob3.gif" width="40" height="40" ></A></DIV>
<DIV ID="ob4" class=lien><A HREF="url4"><IMG SRC="images/ob4.gif" width="40" height="40" ></A></DIV>
<SCRIPT LANGUAGE = "JavaScript">
var pos;
var ra = 100;
var rb = 60;
var pi = Math.PI;
var inc = pi / 180;
var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var ob1 = (isNS) ? document.ob1 : document.all.ob1.style;
var ob2 = (isNS) ? document.ob2 : document.all.ob2.style;
var ob3 = (isNS) ? document.ob3 : document.all.ob3.style;
var ob4 = (isNS) ? document.ob4 : document.all.ob4.style;
var objets;
objets = new Array(ob1, ob2, ob3, ob4);
pos = new Array(objets);
pos[0] = 0;
for (var i = 1; i < objets.length; i++)
{pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objets.length));}
function rotateObjets()
{for (var i = 0; i < pos.length; i++)
{pos[i] += inc;objets[i].left = (ra * Math.cos(pos[i])) + 159;
objets[i].top = (rb * Math.sin(pos[i])) + 94;
objets[i].visibility = "visible";}
rotateTimer = window.setTimeout("rotateObjets()", 30);
}
rotateObjets();
</SCRIPT>
Modifié :
<style>
.lien2 {position:absolute;left:0px;top:200px;width:40px;height:40px;visibility:hidden;z-index:3; }
</style>
</head>
<body>
<DIV ID="teh" STYLE="position:absolute;left:115px;top:254px;width:128px;height:63px;visibility:visible;z-index:4;">
<IMG SRC="images/glb1.gif" width="128" height="63" border=0>
</DIV>
<DIV ID="an1" class=lien><A HREF="url1"><IMG SRC="images/an1.gif" width="40" height="40"></A></DIV>
<DIV ID="an2" class=lien><A HREF="url2"><IMG SRC="images/an2.gif" width="40" height="40"></A></DIV>
<DIV ID="an3" class=lien><A HREF="url3"><IMG SRC="images/an3.gif" width="40" height="40"></A></DIV>
<DIV ID="an4" class=lien><A HREF="url4"><IMG SRC="images/an4.gif" width="40" height="40"></A></DIV>
<SCRIPT LANGUAGE = "JavaScript">
var posan;
var ran = 100;
var rban = 60;
var pian = Math.PI;
var incan = pi / 180;
var isNSan = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var an1 = (isNSan) ? document.an1 : document.all.an1.style;
var an2 = (isNSan) ? document.an2 : document.all.an2.style;
var an3 = (isNSan) ? document.an3 : document.all.an3.style;
var an4 = (isNSan) ? document.an4 : document.all.an4.style;
var an;
an = new Array(an1, an2, an3, an4,);
posan = new Array(an);
posan[0] = 0;
for (var a = 1;a < an.length; a++)
{posan[a] = parseFloat(posan[a - 1] + ((2 * pian) / an.length));}
function rotateAn()
{for (var a = 0; a < posan.length; a++) {posan[a] += incan;
an[a].left = (raan * Math.cos(posan[a])) + 159;
an[a].top = (rban * Math.sin(pos[a])) + 94;
an[a].visibility = "visible";}
rotateTimer = window.setTimeout("rotateAn()", 30);
}
rotateAn();
</SCRIPT>
A voir également:
- Interférence javascript?
- Telecharger javascript - Télécharger - Langages
- A javascript error occurred in the main process - Forum Handicap / Accessibilté
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi - Forum Javascript
- Javascript arrondi après la virgule ✓ - Forum Windows
1 réponse
Bonjour,
En fait, après plus de 3 jours de recherche maintenant, je m'aperçois que le script fonctionne, mais que le "lien" ne tiens pas compte du placement que je lui demande.
Comment faire? quelqu'un pourrait il m'aider s'il vous plait.
.lien2 {position:absolute;left:0px;top:200px;width:40px;height:40px;visibility:hidden;z-index:3; }
il ne tient pas compte du top:200px
En fait, après plus de 3 jours de recherche maintenant, je m'aperçois que le script fonctionne, mais que le "lien" ne tiens pas compte du placement que je lui demande.
Comment faire? quelqu'un pourrait il m'aider s'il vous plait.
.lien2 {position:absolute;left:0px;top:200px;width:40px;height:40px;visibility:hidden;z-index:3; }
il ne tient pas compte du top:200px
