CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 10:59:18

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

LECTEUR DE NOUVELLES

Information sur la source

Note :

9,00 / 10

Catégorie :Graphique Niveau :Débutant Date de création :22/07/2003 Date de mise à jour :22/07/2003 06:32:09 Vu :14 943

Auteur : francktfr

Ecrire un message privé

Site perso

Commentaire sur cette source (10)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

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

<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"> </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>

<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>

Sources du même auteur

CHOIX DE DATES ET DE PERIODE

HORLOGE DIGITALE , SI SI

TEXT COLORISÉ AVEC LE POURCENTAGE

MENU AVEC EFFET DE DÉGRADÉ

ANNONCE LETTRE PAR LETTRE

Toutes les sources de francktfr

Sources de la même categorie

JDMATH-MINI.JS : GÉNÉRATION D'EXPRESSION MATHÉMATIQUE par jdmcreator

SPHERE 3D DÉFORMABLE par phm

EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma

PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma

CALCULATRICE HEURE par m22001111

Toutes les sources de la catégorie Graphique

Commentaires et avis

Commentaire de bob3000 le 22/07/2003 19:50:41

excellent

Commentaire de phsautreau le 23/07/2003 08:42:03

Tout simplement : génial !

Bravo !

Commentaire de francktfr le 23/07/2003 10:13:54

Merci merci :o)

Commentaire de playerone27 le 16/01/2004 01:07:11

Si je met le script dans un tableau, il y a un décalage du contenu par rapport au cadre. Comment y remédier ?

Commentaire de noSnoR le 03/04/2005 08:14:50

Mmmmh je suis sous firefox et ça ne marche pas... le tableau avec le titre s'affiche (très zoli d'ailleur) mais le texte ne defile pas, sachant que je n'ai pas modifié la source...

Commentaire de Bassman le 23/11/2005 11:31:51

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 :)

[CODE]

<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>
<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"> </TD></TR>
</TABLE>
<DIV ID="mainnews" CLASS="MainContent">

  
  
<TABLE CLASS="NewsBlock" ID="news0" 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="news1" 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="news2" 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>

[/CODE]

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

Commentaire de bbcluny le 29/11/2005 15:14:22

Merci pour la modif .

Commentaire de allamah le 06/12/2008 15:30:35

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 !!!

Commentaire de Danse24 le 31/12/2008 23:24:02

Bonsoir,

Merci beaucoup pour ce script efficace.

Sky

Commentaire de gaston_gb le 03/06/2009 02:23:42

Merci bien pour ce script ;)

Ajouter un commentaire

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

RE : CODE BUG JAVASCRIPT par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP