Lecteur de nouvelles

Commenter

Contenu du snippet

Ce code permet de faire défiler n'importe quel block
html, ca peut etre utilisé pour faire defiler l'actualité d'un site ...
La seule chose a faire, c'est de bien nommer les block :"news".

voila :o)

Source / Exemple : 


<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>  
function NewsInit(){
	//	positionnement du block mainnews
	mainnews.style.left = NewsContent.offsetLeft + NewsReader.offsetLeft +4
	mainnews.style.top = NewsContent.offsetTop + NewsReader.offsetTop 
	mainnews.style.width = NewsContent.offsetWidth -1
	mainnews.style.height = NewsContent.offsetHeight - 1
	ScrollNews()
}
var newsblock
var topinit = 150	//	point de depart
var Index = 0	//	index dans la collection de news
var OldIndex = 0	//	index d'avant
var Top = topinit	//	valeur courante
var start = 1
function ScrollNews(){
	if (Top == 4)
		{
			OldIndex = Index
			Index >= (news.length-1) ? Index = 0 : Index++
			Top = topinit
			setTimeout("ScrollNews()",2000)
			start=0
			return false
		}
	if (Top == (topinit-1)) {news[OldIndex].style.top = topinit}
	Top--
	news[Index].style.top = Top
	if (start==0){news[OldIndex].style.top = Top-146}
	setTimeout("ScrollNews()",5)
}
</SCRIPT>
<STYLE>
.NewsBlock{display: block; position: absolute;  top: 150; left: 0; font: 12 Arial; width:222; border: 1 solid black}
.NewsHead{color: black; background: #B5B5B5;}
.NewsContent{width:220; font: 12 Courier New; background: #F3F3F3; padding: 2 2 2 2;}
.NewReaderBlock{border: 1px solid black ; width: 232; height: 150;background: black; color: white; font: 14 Arial; text-align: center}
.NewReaderContent{height: 125; background: white}
.MainContent{border: none; position: absolute; left: 0; top: 0; width: 100; height: 100; clip: rect(0,222,125,0 ); background: transparent}
</STYLE>
</HEAD>
<BODY onload="NewsInit()">

<TABLE ID="NewsReader" CLASS="NewReaderBlock" CELLPADDING=0 CELLSPACING=0 ALIGN="center">
  <TR><TD><B>. : : Les nouvelles neuves : : .</B></TD></TR>
  <TR><TD ID="NewsContent" CLASS="NewReaderContent">&nbsp;</TD></TR>
</TABLE>
<DIV ID="mainnews" CLASS="MainContent">

<TABLE CLASS="NewsBlock" ID="news" CELLSPACING=0 CELLPADDING=1 BORDER=0>
  	<TR CLASS="NewsHead"><TD>Le but</TD></TR>
  	<TR><TD CLASS="NewsContent">Faire défiler<BR>toutes formes de balises HTML,<BR>tableaux et autres ...</TD></TR>
</TABLE>
<TABLE CLASS="NewsBlock" ID="news" CELLSPACING=0 CELLPADDING=1 BORDER=0>
  	<TR CLASS="NewsHead"><TD>Simplicité</TD></TR>
  	<TR><TD CLASS="NewsContent">Vous pouvez y mettre tout<BR>ce que vous voulez.</TD></TR>
</TABLE>
<TABLE CLASS="NewsBlock" ID="news" CELLSPACING=0 CELLPADDING=1 BORDER=0>
  	<TR CLASS="NewsHead"><TD>Autant que vous voulez</TD></TR>
  	<TR><TD CLASS="NewsContent">Et même un peu de pub ....<BR><A HREF="www.systeme-d.net" TARGET="_blank">Systeme D</A><BR>Mais non j'en profite pas ;o)</TD></TR>
</TABLE>

</DIV>

</BODY>
</HTML>

A voir également

S'inscrire maintenant

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.

Du même auteur (francktfr)