J'aurai aimeé réaliser la même chose que sur la page http://www.atelierduverbe.fr/atelierDuVerbe_presentation.html pour faire défiler mon texte (flèches à droite).
N'y arrivant pas je me suis rabattu sur la solution suivante :
<html>
<head>
<script language="javascript">
var timer;
function deplace(up)
{
var px=document.getElementById('texte').style.top.replace('px','');
if(up)
{
px--;
}
else
{
px++;
}
document.getElementById('texte').style.top=px+'px';
}
</script>
</head>
<body>
<div id="toto" style="overflow:hidden;width:500px;height:500px;background-color:black">
<div id="texte" style="position:relative;background-color:blue">
toto
</div>
</div>
<button onmouseover="timer=setInterval('deplace(true)',10)" onmouseout="clearInterval(timer);">monte</button><button onmouseover="timer=setInterval('deplace(false)',10)" onmouseout="clearInterval(timer);">descend</button>
</body>
</html>
J'étais content car ça marchait avec mon navigateur (safari pour mac os X). Le texte défile bien. Malheureusement ça ne marche pas avec internet explorer. Il semblerait que sous windows ça marche avec IE. J'ai mis un background blue pour voir et c'est ce background qui bouge et non le texte. Quelqu'un aurait-il une solution ?
Vous pouvez voir le résultat final sur http://leconteurpoete.free.fr/portrait2.html.
Merci d'avance pour vos réponses.
N'y arrivant pas je me suis rabattu sur la solution suivante :
<html>
<head>
<script language="javascript">
var timer;
function deplace(up)
{
var px=document.getElementById('texte').style.top.replace('px','');
if(up)
{
px--;
}
else
{
px++;
}
document.getElementById('texte').style.top=px+'px';
}
</script>
</head>
<body>
<div id="toto" style="overflow:hidden;width:500px;height:500px;background-color:black">
<div id="texte" style="position:relative;background-color:blue">
toto
</div>
</div>
<button onmouseover="timer=setInterval('deplace(true)',10)" onmouseout="clearInterval(timer);">monte</button><button onmouseover="timer=setInterval('deplace(false)',10)" onmouseout="clearInterval(timer);">descend</button>
</body>
</html>
J'étais content car ça marchait avec mon navigateur (safari pour mac os X). Le texte défile bien. Malheureusement ça ne marche pas avec internet explorer. Il semblerait que sous windows ça marche avec IE. J'ai mis un background blue pour voir et c'est ce background qui bouge et non le texte. Quelqu'un aurait-il une solution ?
Vous pouvez voir le résultat final sur http://leconteurpoete.free.fr/portrait2.html.
Merci d'avance pour vos réponses.
