Le PHP Facile - Apprenez le PHP !

le 27/02/2009 à 16:36

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

webandgie

Ses dernières news

Ses derniers sujets sur les forums

Ses derniers messages sur les forums

Ses derniers commentaires de news

Ses derniers commentaires de sites

Ses derniers commentaires de wall