Défilement
prevert
Messages postés
24
Statut
Membre
-
prevert Messages postés 24 Statut Membre -
prevert Messages postés 24 Statut Membre -
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. 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. 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.
Je pense que mon problème doit venir du fait que je sois sous mac.
Comment fait-on pour mettre des arrêts de défilement en début et fin de texte ?
Merci encore.