Bon en fait CYRANO ton code marche très bien tout seul mais pas avec un autre.
je m'explique j'ai 2 textes à défiler "defile1" et "defile2" qui défilent de droite à gauche mais je voudrais que defile2 aille de gauche à droite et defile1 reste de droite à gauche.
Quand je met ton code sur une page vierge ça marche, mais si je le met avec defile1 ça bloque. je joint donc le code intégral de la page. Si tu vois la lumière je te lèche les pieds d'avance.
merci
ZM
(pour info c'est la page "erreur 400" de mon site en préparation"
Code : Tout sélectionner
<!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=ISO-8859-1" />
<title>ERRARE HUMANUM ESTE</title>
<style type="text/css">
<!--
#defile1 {
position:absolute;
left:228px;
top:101px;
width:381px;
height:36px;
z-index:4;
}
#defile2 {
position:absolute;
left:257px;
top:350px;
width:382px;
height:38px;
z-index:3;
}
#global {
position:relative;
width:700px;
height:400px;
z-index:1;
background-color: #FFFFCC;
margin: auto;
top: 50px;
}
#Layer1 {
position:absolute;
width:700px;
height:135px;
z-index:2;
top: 149px;
left: 3px;
}
.Style1 {
font-size: 18px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}
body {
background-color: #000000;
}
#global #Layer1 .Style1 a {
color: #FF0000;
text-decoration: underline;
}
.Style3 {
font-size: 36px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
text-decoration: none;
}
.Style5 {color: #FF0000; font-style: italic; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 24px; font-weight: bold; }
#Layer2 {
position:relative;
width:311px;
height:53px;
z-index:5;
margin: auto;
top: 30px;
}
-->
</style>
<script type="text/javascript">
var defile1;// l'element a deplacer
var psinit = 580; // position horizontale de depart
var pscrnt = psinit;
function textedefile1() {
if (!defile1) defile1 = document.getElementById('defile1');
if (defile1) {
if(pscrnt < ( - defile1.offsetWidth) ){
pscrnt = psinit;
} else {
pscrnt+= -1; // pixel par deplacement
}
defile1.style.left = pscrnt+"px";
}
}
setInterval("textedefile1()",20); // delai de deplacement
</script>
<script type="text/javascript">
var defile2;// l'element a deplacer
var psinit = 580; // position horizontale de depart
var pscrnt = psinit;
function textedefile2() {
if (!defile2) defile2 = document.getElementById('defile2');
if (defile2) {
if(pscrnt < ( - defile2.offsetWidth) ){
pscrnt = psinit;
} else {
pscrnt+= -1; // pixel par deplacement
}
defile2.style.left = pscrnt+"px";
}
}
setInterval("textedefile2()",20); // delai de deplacement
</script>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="global">
<div class="Style5" id="defile1">ERRARE HUMANUM ESTE </div>
<div class="Style5" id="defile2">PERSEVERARE DIABOLICUM</div>
<div id="Layer1">
<p align="center" class="Style1">CETTE PAGE N'EXISTE PAS SUR NOTRE SITE<br />
<a href="/fr/start.html">Retour à l’accueil</a></p>
<p align="center" class="Style1">ESTA PAGINA NO EXISTE EN NUESTRO SITIO<br />
<a href="/es/start.html">Volver al principio</a></p>
<p align="center" class="Style1">THIS PAGE DOES NOT EXIST IN OUR SITE<br />
<a href="/en/start.html">Back to starting point</a></p>
</div>
<div id="Layer2"><a href="http://www.monsite.org" class="Style3">www.monsite.org</a></div>
<div align="center"></div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p><br />
</p>
</body>
</html>
[b]Bon en fait CYRANO ton code marche très bien tout seul mais pas avec un autre.[/b]
je m'explique j'ai 2 textes à défiler "defile1" et "defile2" qui défilent de droite à gauche mais je voudrais que defile2 aille de gauche à droite et defile1 reste de droite à gauche.
Quand je met ton code sur une page vierge ça marche, mais si je le met avec defile1 ça bloque. je joint donc le code intégral de la page. Si tu vois la lumière je te lèche les pieds d'avance.
merci
ZM
(pour info c'est la page "erreur 400" de mon site en préparation"
[code]<!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=ISO-8859-1" />
<title>ERRARE HUMANUM ESTE</title>
<style type="text/css">
<!--
#defile1 {
position:absolute;
left:228px;
top:101px;
width:381px;
height:36px;
z-index:4;
}
#defile2 {
position:absolute;
left:257px;
top:350px;
width:382px;
height:38px;
z-index:3;
}
#global {
position:relative;
width:700px;
height:400px;
z-index:1;
background-color: #FFFFCC;
margin: auto;
top: 50px;
}
#Layer1 {
position:absolute;
width:700px;
height:135px;
z-index:2;
top: 149px;
left: 3px;
}
.Style1 {
font-size: 18px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999999;
}
body {
background-color: #000000;
}
#global #Layer1 .Style1 a {
color: #FF0000;
text-decoration: underline;
}
.Style3 {
font-size: 36px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
text-decoration: none;
}
.Style5 {color: #FF0000; font-style: italic; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 24px; font-weight: bold; }
#Layer2 {
position:relative;
width:311px;
height:53px;
z-index:5;
margin: auto;
top: 30px;
}
-->
</style>
<script type="text/javascript">
var defile1;// l'element a deplacer
var psinit = 580; // position horizontale de depart
var pscrnt = psinit;
function textedefile1() {
if (!defile1) defile1 = document.getElementById('defile1');
if (defile1) {
if(pscrnt < ( - defile1.offsetWidth) ){
pscrnt = psinit;
} else {
pscrnt+= -1; // pixel par deplacement
}
defile1.style.left = pscrnt+"px";
}
}
setInterval("textedefile1()",20); // delai de deplacement
</script>
<script type="text/javascript">
var defile2;// l'element a deplacer
var psinit = 580; // position horizontale de depart
var pscrnt = psinit;
function textedefile2() {
if (!defile2) defile2 = document.getElementById('defile2');
if (defile2) {
if(pscrnt < ( - defile2.offsetWidth) ){
pscrnt = psinit;
} else {
pscrnt+= -1; // pixel par deplacement
}
defile2.style.left = pscrnt+"px";
}
}
setInterval("textedefile2()",20); // delai de deplacement
</script>
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="global">
<div class="Style5" id="defile1">ERRARE HUMANUM ESTE </div>
<div class="Style5" id="defile2">PERSEVERARE DIABOLICUM</div>
<div id="Layer1">
<p align="center" class="Style1">CETTE PAGE N'EXISTE PAS SUR NOTRE SITE<br />
<a href="/fr/start.html">Retour à l’accueil</a></p>
<p align="center" class="Style1">ESTA PAGINA NO EXISTE EN NUESTRO SITIO<br />
<a href="/es/start.html">Volver al principio</a></p>
<p align="center" class="Style1">THIS PAGE DOES NOT EXIST IN OUR SITE<br />
<a href="/en/start.html">Back to starting point</a></p>
</div>
<div id="Layer2"><a href="http://www.monsite.org" class="Style3">www.monsite.org</a></div>
<div align="center"></div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p><br />
</p>
</body>
</html>
[/code]
