News défilantes

Soyez le premier à donner votre avis sur cette source.

Snippet vu 18 371 fois - Téléchargée 32 fois

Contenu du snippet

suite a un code posté ici, je poste le même version mieux (l'autre n'était pas portable, et ne faisait quécrire du html.)

Source / Exemple :


<html>
<head>
<link rel="Stylesheet" href="site.css" type="text/css">
<script language=JavaScript>
bougepas=-1;
function stopdefilebulle(bulle)
{
bougepas=bulle;
}
function startdefilebulle(bulle)
{
bougepas=-1;
}
function bullenewsdefile(bulle, xb, vitesse, sens)
{
	if (document.body.clientWidth){
		var larg = (document.body.clientWidth);
	}else{
		var larg = (window.innerWidth);
	}
	if (bougepas!=bulle){
		xb=xb+vitesse*sens;
		if (xb>larg-350 || xb <10){
			sens=-sens;
		}
		
		document.getElementById(bulle).style.left=xb;
	}
	setTimeout("bullenewsdefile('"+bulle+"', "+xb+", "+vitesse+","+sens+")", 50);
}
function creanews(num, texte, hauteur, xdedepart, vitesse)
{
	if (hauteur==-1){
		att="relative";
	}else{
		att="absolute";
	}
	document.write("<div ID="+num+" style='position:"+att+"'>");
	document.write("<table border='1' width='300' bgcolor='#FFAA77' onmouseover='stopdefilebulle("+num+")' onmouseout='startdefilebulle("+num+")'><tr><td>"+texte+"</td></tr></table>");
	document.write("</div>");
	if (hauteur>-1)
		document.getElementById(num).style.top=hauteur;
	bullenewsdefile(num, xdedepart, vitesse, 1);
}
</script>
</head>
<body>
<script>
	/*
	les argument a paser :
		-Mettez en premier une valeur quelquonque, ou un texte, c'est juste au cas ou vous vouliez réutiliser la news pour autre chose dans la page... Deux news ne doivent pas avoir le même atribut...
		-ensuite, la news en question.
		-ensuite, la heuteur, si c'est en position absolute, et -1 si c'ets en relative.
		-puis l'abscice de départ de la news.
		-puis enfin, la vitesse de cette news.

  • /
creanews(1,"La tu mets ta news...", -1, 10, 5); creanews(2,"évidement tu peux en mettre autant que tu veux", 500, 50, 10); </script> </body> </html>

Conclusion :


si vous avez quelques suggestions, je suis prenneur étant donné que ce scritp reste tout petit, je ferais mon possible pour l'améliorer...

A voir également

Ajouter un commentaire Commentaires
Messages postés
1
Date d'inscription
lundi 23 juillet 2007
Statut
Membre
Dernière intervention
27 septembre 2007

Super comme script, simple d'utilisation et très vite réajustable pour la taille !!!
Merci bcp !
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
# if (document.body.clientWidth){
# var larg = (document.body.clientWidth);
# }else{
# var larg = (window.innerWidth);
# }

le bug vient de là, mais je ne sais plus comment le résoudre
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
# if (document.body.clientWidth){
# var larg = (document.body.clientWidth);
# }else{
# var larg = (window.innerWidth);
# }

le bug vient de là, mais je ne sais plus comment le résoudre
Messages postés
25
Date d'inscription
samedi 27 décembre 2003
Statut
Membre
Dernière intervention
25 août 2011

salut
ta source m fait defiler le texte en horizontale avec scroll bar infini
sous IE 6 et firefox &.5.04
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
c'était juste pour metre un CSS identique à chaque page" de mon site...
Afficher les 18 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.