Lecteur de nouvelles

Soyez le premier à donner votre avis sur cette source.

Snippet vu 16 743 fois - Téléchargée 26 fois

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

Ajouter un commentaire

Commentaires

gaston_gb
Messages postés
20
Date d'inscription
vendredi 11 mai 2007
Statut
Membre
Dernière intervention
14 octobre 2009

Merci bien pour ce script ;)
Danse24
Messages postés
1
Date d'inscription
mardi 30 décembre 2008
Statut
Membre
Dernière intervention
31 décembre 2008

Bonsoir,

Merci beaucoup pour ce script efficace.

Sky
cs_allamah
Messages postés
6
Date d'inscription
vendredi 19 mai 2006
Statut
Membre
Dernière intervention
12 mai 2012

bonjour
je souhaiterai integrer cette source a mon site deja créer et recupperer des infos ds la bd pour les afficher.
Déja en faisant un copier coller ça ne pass pas.
J'ai aussi essayer un include_once(news.php) là aussi c'est bizarre. (les news passent ds le coin droit de la page mais pas dans le cadre prevu a cet effet.
NB: J'ai pas encore essayer de lareloer a ma base de donner
MERCI DE ME DONNER DES SOLUTIONSD POUR MON PROBLEME !!!
bbcluny
Messages postés
66
Date d'inscription
mardi 25 mars 2003
Statut
Membre
Dernière intervention
29 septembre 2008

Merci pour la modif .
cs_Bassman
Messages postés
43
Date d'inscription
dimanche 13 avril 2003
Statut
Membre
Dernière intervention
24 novembre 2005

Voila noSnoR, j'ai effectué certaine modification pour que cela fonctionne sur a peut pres tous les navigateurs,

j'ai changé un peu le code et rajouté des commentaires la ou j'ai effectué des modifs,

Test effectué sur {IE 6, Firefox 1.0.7, Mozilla 1.7, Netscape 7} => Tout OK

enjoy :)


 <HTML>
 <HEAD>
 <TITLE></TITLE>
 <SCRIPT>
 function NewsInit(){
     //    positionnement du block mainnews
 
 // ICI IL VAUT MIEU UTILISE document.getElementById() QUI EST SUPPPORTE
 // PAR UNE GRANDE PARTIE DES NAVIGATEUR
 
 // Test effectué sur {IE 6, Firefox 1.0.7, Mozilla 1.7, Netscape 7} => Tout OK
 document.getElementById("mainnews").style.left = document.getElementById("NewsContent").offsetLeft + document.getElementById("NewsReader").offsetLeft +4;
     document.getElementById("mainnews").style.top = document.getElementById("NewsContent").offsetTop + document.getElementById("NewsReader").offsetTop
     document.getElementById("mainnews").style.width = document.getElementById("NewsContent").offsetWidth -1
     document.getElementById("mainnews").style.height = document.getElementById("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
 // ICI ON DECLARE UNE VAR QUI CONTIENT UN ENTIER, QUI CORRESPOND
 // ON NOMBRE DE NEWS, GENERALEMENT CA SERA DONNE PAR UNE REQ SQL
 var nbnews 3 // de 0 à 2> 3
 function ScrollNews(){
     if (Top == 4)
         {
             OldIndex = Index
 // SI Index SUP OU EG A nbnews - 1 sois news2 DONC DERNIERE NEWS A AFFICHER
 // ALORS Index= 0
 // SINON INCREMENT Index
             Index >(nbnews - 1) ? Index 0 : Index++ 
             Top = topinit
             setTimeout("ScrollNews()",2000)
             start=0
             return false
         }
     if (Top (topinit-1)) {document.getElementById("news" + OldIndex).style.top topinit}
     Top--
     document.getElementById("news" + Index).style.top = Top
     if (start==0){document.getElementById("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>
 
  
 . : : Les nouvelles neuves : : .

 

  
  <!-- ET ON CHANGE LE ID="news" PAR ID="newsX" OU X CORRESPOND A L'ID DE LA NEWS -->
  <!-- LA 0 -->
 Le but,
----
Faire défiler
toutes formes de balises HTML,
tableaux et autres ...

  <!-- ICI 1 -->
 Simplicité,
----
Vous pouvez y mettre tout
ce que vous voulez.

  <!-- ENFIN 2, DE 0 A 2 CA FAIT 3 DONC nbnews = 3 -->
 Autant que vous voulez,
----
Et même un peu de pub ....
Systeme D
Mais non j'en profite pas ;o)

  
 

  
 
 </HTML>



merci francktfr pour ton code, manque un peu de commentaire :)

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.