webandgie

Inscris le 27/02/2009 à 16:21
  • Nombre de sujets
    Aucun
  • Nombre de messages
    1
  • Nombre de commentaires
    Aucun
  • Nombre de news
    Aucune
  • Niveau en PHP
    Débutant

Ses derniers messages sur les forums

webandgie
le 27/02/2009 à 16:36
Scrolling
Merci pour tout Bzh

Avec mon collgue, on a trouv un moyen d'arrter le dfilement du texte par la taille du contenu par rapport au contenant :

dans le

<head><script language="javascript">

var Timer;
var Pas = 8;

function moveLayer(Sens)
{
if(document.getElementById)
Objet = document.getElementById("Contenu");
else
Objet = document.all["Contenu"];
if(parseInt(Objet.style.top) + (Pas*Sens) > 0)
{
Objet.style.top = "0px";
}
else if(parseInt(Objet.style.top) + (Pas*Sens) < -428)
{
Objet.style.top = "-428px";
}
else
Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
Timer = setTimeout("moveLayer(" + Sens + ");", 50);
}
</script></head>


et pour un dplacement non pas par mouvement de la souris mais par clic sur bouton flche haut et flche bas :

flche haut :
<a href="javascript:" onfocus="this.blur()" onmousedown="javascript:moveLayer(1);" onmouseup="javascript:clearTimeout(Timer);"><img src="images/texte_fleche_haut.gif" width="12" height="12" hspace="22" border="0" /></a>


votre texte (dans le <script> dans le <head>, il est prcis que mon texte fait environ (500px-la taille de contenant, d'o -428px):
<div id="Support" style="position:relative;width:542px;height:150px;overflow:hidden;border:0px solid #000000">
<div id="Contenu" style="position:absolute;width:542px;height:150px;left:0;top:0">
<p>blablablabla</p>
</div>
</div>


flche bas :
<a href="javascript:" onfocus="this.blur()" onmousedown="javascript:moveLayer(-1);" onmouseup="javascript:clearTimeout(Timer);"><img src="images/texte_fleche_bas.gif" width="12" height="12" hspace="22" border="0"/></a>


... texter
LoadingChargement en cours