Pb code Javascript
Résolu
loute08
Messages postés
227
Date d'inscription
Statut
Membre
Dernière intervention
-
loute08 Messages postés 227 Date d'inscription Statut Membre Dernière intervention -
loute08 Messages postés 227 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Pour l'intro de mon site j'ai souhaité réaliser une intro qui changeait de l'ordinaire j'ai alors utilisée ceci:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tele-surveillance.fr - La solution près de chez vous !</title>
</head>
<body bgcolor="#232323" text="#FFFFFF">
<!-- DEBUT DU SCRIPT -->
<SCRIPT language="JavaScript">
link = "main.php";
if (document.all)
{
X = document.body.clientWidth;
Y = document.body.clientHeight-50;
}
else
{
X = window.innerWidth;
Y = window.innerHeight-50;
}
document.write('<STYLE TYPE=text/css>\n.cadremagique {\n position:relative; width:'+X+'px; height:'+Y+'px;\n}\n</STYLE>\n');
a = 1;
b=0;
textotab = new Array;
textotab[0] = 'Détection intrusion';
textotab[1] = 'Vidéosurveillance';
textotab[2] = 'Télésurveillance <font color="#FF0000">24h/24</font>';
textotab[3] = 'Ronde vidéo à distance';
textotab[4] = 'Gardiennage...';
textotab[5] = 'Votre sécurité, notre métier !';
function AnimTexto()
{
if(a < 45)
{
texto = "<TABLE WIDTH=100% HEIGHT=80%><TR><TD ALIGN=center VALIGN=middle NOWRAP><P ALIGN=center STYLE=\"font-size:"+a+"px\"><FONT FACE=\"Verdana\">"+textotab[b]+"</FONT></P></TD></TR></TABLE>"
if (document.layers)
{
document.texto1.document.texto2.document.write(texto)
document.texto1.document.texto2.document.close()
}
else if (document.getElementById)
document.getElementById("texto3").innerHTML=texto;
else if (document.all)
texto3.innerHTML=texto;
a++;
tempoEJS = setTimeout("AnimTexto()", 1)
}
else
{
if(b < (textotab.length)-1)
{
a = 1;
b++;
tempoEJS = setTimeout("AnimTexto()", 600);
}
else
tempoEJS = setTimeout("document.location.href=link", 500);
}
}
document.write('<ilayer id="texto1" width='+X+' height='+Y+'><layer id="texto2" width='+X+' height='+Y+'><div id="texto3" CLASS=cadremagique></div></layer></ilayer><FONT FACE=\"Verdana\" SIZE=1><CENTER><A HREF=\"'+link+'\">Passer l\'intro</A></CENTER></FONT>');
window.onload = AnimTexto;
</SCRIPT>
<!-- FIN DU SCRIPT -->
</body>
</html>
que j'ai trouvé ici :
http://www.editeurjavascript.com/scripts/scripts_autres_1_147.php
Le problème est que avec Internet Explorer le lien passer l'intro bouge avec mon animation (et pas dans mozilla) du coup dans IE l'internaute a un peu de mal à passer cette intro
Pouvez-vous m'aider?
Ps : Et comme je suis pas blonde j'ai testé leur exemple pour voir si c'était juste une incompatibilité avec IE mais c'est pas le cas, dans leur exemple le lien ne bouge pas...
Merci d'avance
Pour l'intro de mon site j'ai souhaité réaliser une intro qui changeait de l'ordinaire j'ai alors utilisée ceci:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tele-surveillance.fr - La solution près de chez vous !</title>
</head>
<body bgcolor="#232323" text="#FFFFFF">
<!-- DEBUT DU SCRIPT -->
<SCRIPT language="JavaScript">
link = "main.php";
if (document.all)
{
X = document.body.clientWidth;
Y = document.body.clientHeight-50;
}
else
{
X = window.innerWidth;
Y = window.innerHeight-50;
}
document.write('<STYLE TYPE=text/css>\n.cadremagique {\n position:relative; width:'+X+'px; height:'+Y+'px;\n}\n</STYLE>\n');
a = 1;
b=0;
textotab = new Array;
textotab[0] = 'Détection intrusion';
textotab[1] = 'Vidéosurveillance';
textotab[2] = 'Télésurveillance <font color="#FF0000">24h/24</font>';
textotab[3] = 'Ronde vidéo à distance';
textotab[4] = 'Gardiennage...';
textotab[5] = 'Votre sécurité, notre métier !';
function AnimTexto()
{
if(a < 45)
{
texto = "<TABLE WIDTH=100% HEIGHT=80%><TR><TD ALIGN=center VALIGN=middle NOWRAP><P ALIGN=center STYLE=\"font-size:"+a+"px\"><FONT FACE=\"Verdana\">"+textotab[b]+"</FONT></P></TD></TR></TABLE>"
if (document.layers)
{
document.texto1.document.texto2.document.write(texto)
document.texto1.document.texto2.document.close()
}
else if (document.getElementById)
document.getElementById("texto3").innerHTML=texto;
else if (document.all)
texto3.innerHTML=texto;
a++;
tempoEJS = setTimeout("AnimTexto()", 1)
}
else
{
if(b < (textotab.length)-1)
{
a = 1;
b++;
tempoEJS = setTimeout("AnimTexto()", 600);
}
else
tempoEJS = setTimeout("document.location.href=link", 500);
}
}
document.write('<ilayer id="texto1" width='+X+' height='+Y+'><layer id="texto2" width='+X+' height='+Y+'><div id="texto3" CLASS=cadremagique></div></layer></ilayer><FONT FACE=\"Verdana\" SIZE=1><CENTER><A HREF=\"'+link+'\">Passer l\'intro</A></CENTER></FONT>');
window.onload = AnimTexto;
</SCRIPT>
<!-- FIN DU SCRIPT -->
</body>
</html>
que j'ai trouvé ici :
http://www.editeurjavascript.com/scripts/scripts_autres_1_147.php
Le problème est que avec Internet Explorer le lien passer l'intro bouge avec mon animation (et pas dans mozilla) du coup dans IE l'internaute a un peu de mal à passer cette intro
Pouvez-vous m'aider?
Ps : Et comme je suis pas blonde j'ai testé leur exemple pour voir si c'était juste une incompatibilité avec IE mais c'est pas le cas, dans leur exemple le lien ne bouge pas...
Merci d'avance
A voir également:
- Pb code Javascript
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code blocks - Télécharger - Langages
1 réponse
Bonjour,
Je n'y connais pas grand chose en JS, j'essaie simplement d'être logique.
Tu nous dis que l'exemple sur le site marche, mais pas sur ton site. Peux-tu nous expliquer quelles sont les différences entre l'un et l'autre?
Sans même regarder, je dirais que ton JS n'a aucun souci, puisqu'il marche très bien sur le site de l'exemple. Sur le tien, il y un a truc qui fait que.... ça marche pas !
On aurait donc besoin de connaitre les différences, les ajouts que tu as pu faire, etc.
Cordialement,
Ralt.
Je n'y connais pas grand chose en JS, j'essaie simplement d'être logique.
Tu nous dis que l'exemple sur le site marche, mais pas sur ton site. Peux-tu nous expliquer quelles sont les différences entre l'un et l'autre?
Sans même regarder, je dirais que ton JS n'a aucun souci, puisqu'il marche très bien sur le site de l'exemple. Sur le tien, il y un a truc qui fait que.... ça marche pas !
On aurait donc besoin de connaitre les différences, les ajouts que tu as pu faire, etc.
Cordialement,
Ralt.
loute08
Messages postés
227
Date d'inscription
Statut
Membre
Dernière intervention
1
J'ai justement regardé il n'y a aucune différence si ce n'est les mots que je fais apparaître...