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 dernières news

Aucune news

Ses derniers sujets sur les forums

Aucun sujet créé dans les forums

Ses derniers messages sur les forums

forum
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

Ses derniers commentaires de news

Aucun commentaire de news

Ses derniers commentaires de sites

Aucun commentaire de sites

Ses derniers commentaires de wall

Aucun commentaire wall
LoadingChargement en cours