begin process at 2012 02 11 05:19:00
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Effets

 > NEWS TICKER LETTRE PAR LETTRE

NEWS TICKER LETTRE PAR LETTRE


 Information sur la source

Note :
8,33 / 10 - par 3 personnes
8,33 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :08/04/2005 Date de mise à jour :14/03/2006 09:52:48 Vu :6 303
Auteur : kegi

Ecrire un message privé
Site perso
Commentaire sur cette source (10)
Ajouter un commentaire et/ou une note

 Description

Suite à une demande sur un forum, je vous offre un news ticker lettre par lettre que j'ai prit sur le site http://news.bbc.co.uk et que j'ai ajuster pour vous.

Source

  • <html>
  • <title></title>
  • <head>
  • <STYLE>
  • a.tickl{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:12px;text-decoration:none;color:#004477;font-weight:bold;}
  • a.tickl:hover{color:#C2262A;text-decoration:none;font-weight:bold;}
  • a.tickl:link{color:#004477;text-decoration:none;font-weight:bold;}
  • a.tickl:visited{color:#004477;text-decoration:none;font-weight:bold;}
  • .ticki{width:620px;height:30px;overflow:hidden;}
  • .ticko{width:620px;padding:1px 0 4px 0;margin:4px 0 0px 0;display:block;}
  • .tickls{
  • color:#C2262A;
  • font-family: Verdana, Arial, Helvetica, sans-serif;
  • font-size: 12px;
  • font-weight: bold;
  • }
  • </STYLE>
  • <script language="JavaScript" type="text/javascript">
  • <!--
  • // ce script provient de http://news.bbc.co.uk
  • // adapté par kevin gilbert
  • // kegi@hotmail.com
  • ////////////////////////////////////////////////////
  • // Le tout à été rabâtit par CRASHTEST , Merci ;) //
  • ////////////////////////////////////////////////////
  • function startTicker()
  • {
  • // Define run time values
  • theCurrentStory = -1;
  • theCurrentLength = 0;
  • // Locate base objects
  • if (document.getElementById) {
  • theAnchorObject = document.getElementById("tickerAnchor");
  • runTheTicker();
  • }
  • else {
  • document.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>");
  • return true;
  • }
  • }
  • // Ticker main run loop
  • function runTheTicker()
  • {
  • var myTimeout;
  • // Go for the next story data block
  • if(theCurrentLength == 0)
  • {
  • theCurrentStory++;
  • theCurrentStory = theCurrentStory % theItemCount;
  • theStorySummary = theSummaries[theCurrentStory].replace(/"/g,'"');
  • theTargetLink = theSiteLinks[theCurrentStory];
  • theAnchorObject.href = theTargetLink;
  • thePrefix = "<span class=\"tickls\">" + theLeadString + "</span>";
  • }
  • // Stuff the current ticker text into the anchor
  • theAnchorObject.innerHTML = thePrefix +
  • theStorySummary.substring(0,theCurrentLength) + whatWidget();
  • // Modify the length for the substring and define the timer
  • if(theCurrentLength != theStorySummary.length)
  • {
  • theCurrentLength++;
  • myTimeout = theCharacterTimeout;
  • }
  • else
  • {
  • theCurrentLength = 0;
  • myTimeout = theStoryTimeout;
  • }
  • // Call up the next cycle of the ticker
  • setTimeout("runTheTicker()", myTimeout);
  • }
  • // Widget generator
  • function whatWidget()
  • {
  • if(theCurrentLength == theStorySummary.length)
  • {
  • return theWidgetNone;
  • }
  • if((theCurrentLength % 2) == 1)
  • {
  • return theWidgetOne;
  • }
  • else
  • {
  • return theWidgetTwo;
  • }
  • }
  • // -->
  • </script>
  • </head>
  • <body>
  • <div class="ticki">
  • <a id="tickerAnchor" href="http://domusvitae.free.fr" target="_top" class="tickl">
  • <span class="tickls">NEWS : </span>pas de news pour le moment...</a>
  • </div>
  • <script language="JavaScript" type="text/javascript">
  • <!--
  • var theCharacterTimeout = 50;
  • var theStoryTimeout = 5000;
  • var theWidgetOne = "_";
  • var theWidgetTwo = "-";
  • var theWidgetNone = "";
  • var theLeadString = "NEWS : ";
  • var theSummaries = new Array();
  • var theSiteLinks = new Array();
  • var theItemCount = 4;
  • // ici, vous metez vos texte et vos description mais n'oubliez pas de changer la
  • // variable theItemCount pour indiquer le nombre de news
  • theSummaries[0] = "Ici, je met mon premier texte qui est un lien vers Mon site de rencontre ;)";
  • theSiteLinks[0] = "http://kegi1.ekzay.com/rw-3/";
  • theSummaries[1] = "Ici je met mon deuxième texte qui est un lien vers google.com";
  • theSiteLinks[1] = "http://www.google.com";
  • theSummaries[2] = "etc...";
  • theSiteLinks[2] = "http://www.perdu.com";
  • theSummaries[3] = "etc...";
  • theSiteLinks[3] = "http://www.perdu.com";
  • startTicker();
  • //-->
  • </script>
  • </body>
  • </html>
<html>
<title></title>

<head>

<STYLE>
a.tickl{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:12px;text-decoration:none;color:#004477;font-weight:bold;}
a.tickl:hover{color:#C2262A;text-decoration:none;font-weight:bold;}
a.tickl:link{color:#004477;text-decoration:none;font-weight:bold;}
a.tickl:visited{color:#004477;text-decoration:none;font-weight:bold;}
.ticki{width:620px;height:30px;overflow:hidden;}
.ticko{width:620px;padding:1px 0 4px 0;margin:4px 0 0px 0;display:block;}
.tickls{
color:#C2262A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
</STYLE>


<script language="JavaScript" type="text/javascript">
<!--

// ce script provient de http://news.bbc.co.uk
// adapté par kevin gilbert
// kegi@hotmail.com

////////////////////////////////////////////////////
// Le tout à été rabâtit par CRASHTEST , Merci ;) //
////////////////////////////////////////////////////

function startTicker()
{
// Define run time values
theCurrentStory     = -1;
theCurrentLength    = 0;
// Locate base objects
if (document.getElementById) {
    theAnchorObject     = document.getElementById("tickerAnchor");
runTheTicker();
}
else {
            document.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>");
            return true;
}
}
// Ticker main run loop
function runTheTicker()
{
var myTimeout;
// Go for the next story data block
if(theCurrentLength == 0)
{
theCurrentStory++;
theCurrentStory      = theCurrentStory % theItemCount;
theStorySummary      = theSummaries[theCurrentStory].replace(/"/g,'"');
theTargetLink        = theSiteLinks[theCurrentStory];
theAnchorObject.href = theTargetLink;
thePrefix      = "<span class=\"tickls\">" + theLeadString + "</span>";
}
// Stuff the current ticker text into the anchor
theAnchorObject.innerHTML = thePrefix +
theStorySummary.substring(0,theCurrentLength) + whatWidget();
// Modify the length for the substring and define the timer
if(theCurrentLength != theStorySummary.length)
{
theCurrentLength++;
myTimeout = theCharacterTimeout;
}
else
{
theCurrentLength = 0;
myTimeout = theStoryTimeout;
}
// Call up the next cycle of the ticker
setTimeout("runTheTicker()", myTimeout);
}
// Widget generator
function whatWidget()
{
if(theCurrentLength == theStorySummary.length)
{
return theWidgetNone;
}

if((theCurrentLength % 2) == 1)
{
return theWidgetOne;
}
else
{
return theWidgetTwo;
}
}
// -->
</script>
</head>

<body>



<div class="ticki">
<a id="tickerAnchor" href="http://domusvitae.free.fr" target="_top" class="tickl">
<span class="tickls">NEWS : </span>pas de news pour le moment...</a>
</div>

  <script language="JavaScript" type="text/javascript">
<!--

var theCharacterTimeout = 50;
var theStoryTimeout     = 5000;
var theWidgetOne        = "_";
var theWidgetTwo        = "-";
var theWidgetNone       = "";
var theLeadString       = "NEWS : ";

var theSummaries = new Array();
var theSiteLinks = new Array();

var theItemCount = 4;


// ici, vous metez vos texte et vos description mais n'oubliez pas de changer la
// variable theItemCount pour indiquer le nombre de news

    theSummaries[0] = "Ici, je met mon premier texte qui est un lien vers Mon site de rencontre ;)";
    theSiteLinks[0] = "http://kegi1.ekzay.com/rw-3/";

    theSummaries[1] = "Ici je met mon deuxième texte qui est un lien vers google.com";
    theSiteLinks[1] = "http://www.google.com";

    theSummaries[2] = "etc...";
    theSiteLinks[2] = "http://www.perdu.com";

    theSummaries[3] = "etc...";
    theSiteLinks[3] = "http://www.perdu.com";


  startTicker();

  //-->
  </script>


</body>
</html>

 Conclusion

Maintenant, poster vos commentaires ;)

cordialement,
kevin (kegi@hotmail.com)


 Historique

09 avril 2005 18:09:01 :
Correction de bug
14 mars 2006 09:52:48 :
ajout de CRASHTEST dans les crédits , c'est lui qui mérite tout le respect au fond ...

 Sources du même auteur

CONVERTISSEUR DE PLUS DE 30 MONNAIE.
Source avec Zip STATION DE RADIO EN DIRECT AVEC JAVASCRIPT! (EX:94.3)
Source avec une capture LECTEUR DE VIDÉOS, MUSIQUES ET D'IMAGES
Toutes les sources de kegi

 Sources de la même categorie

Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600
Toutes les sources de la catégorie Effets

Commentaires et avis

Commentaire de thibault31 le 08/04/2005 03:21:33

Correction de ton code Kevin pour intégrer la gestion des classes CSS, sinon il ne marche pas en l'état !
Pour ceux qui utilisent des styles sur leur site, çà évitera de vous foutre le bazard dans l'affichage !

Cordialement,
Thibault

<html>
<title></title>

<head>

<STYLE>
a.tickl{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:12px;text-decoration:none;color:#004477;font-weight:bold;}
a.tickl:hover{color:#C2262A;text-decoration:none;font-weight:bold;}
a.tickl:link{color:#004477;text-decoration:none;font-weight:bold;}
a.tickl:visited{color:#004477;text-decoration:none;font-weight:bold;}
.ticki{width:620px;height:30px;overflow:hidden;}
.ticko{width:620px;padding:1px 0 4px 0;margin:4px 0 0px 0;display:block;}
.tickls{
color:#C2262A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
</STYLE>


<script language="JavaScript" type="text/javascript">
<!--

// ce script provient de http://news.bbc.co.uk
// adapté par kevin gilbert
// kegi@hotmail.com


function startTicker()
{
// Define run time values
theCurrentStory     = -1;
theCurrentLength    = 0;
// Locate base objects
if (document.getElementById) {
    theAnchorObject     = document.getElementById("tickerAnchor");
runTheTicker();  
}
else {
            document.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>");
            return true;
}
}
// Ticker main run loop
function runTheTicker()
{
var myTimeout;  
// Go for the next story data block
if(theCurrentLength == 0)
{
theCurrentStory++;
theCurrentStory      = theCurrentStory % theItemCount;
theStorySummary      = theSummaries[theCurrentStory].replace(/&quot;/g,'"');
theTargetLink        = theSiteLinks[theCurrentStory];
theAnchorObject.href = theTargetLink;
thePrefix      = "<span class=\"tickls\">" + theLeadString + "</span>";
}
// Stuff the current ticker text into the anchor
theAnchorObject.innerHTML = thePrefix +
theStorySummary.substring(0,theCurrentLength) + whatWidget();
// Modify the length for the substring and define the timer
if(theCurrentLength != theStorySummary.length)
{
theCurrentLength++;
myTimeout = theCharacterTimeout;
}
else
{
theCurrentLength = 0;
myTimeout = theStoryTimeout;
}
// Call up the next cycle of the ticker
setTimeout("runTheTicker()", myTimeout);
}
// Widget generator
function whatWidget()
{
if(theCurrentLength == theStorySummary.length)
{
return theWidgetNone;
}

if((theCurrentLength % 2) == 1)
{
return theWidgetOne;
}
else
{
return theWidgetTwo;
}
}
// -->
</script>
</head>

<body>



<div class="ticki">
<a id="tickerAnchor" href="http://domusvitae.free.fr" target="_top" class="tickl">
<span class="tickls">NEWS :&nbsp;</span>pas de news pour le moment...</a>
</div>

  <script language="JavaScript" type="text/javascript">
<!--

var theCharacterTimeout = 50;
var theStoryTimeout     = 5000;
var theWidgetOne        = "_";
var theWidgetTwo        = "-";
var theWidgetNone       = "";
var theLeadString       = "NEWS :&nbsp;";

var theSummaries = new Array();
var theSiteLinks = new Array();

var theItemCount = 4;


// ici, vous metez vos texte et vos description mais n'oubliez pas de changer la
// variable theItemCount pour indiquer le nombre de news
  
    theSummaries[0] = "Ici, je met mon premier texte qui est un lien vers Mon site de

rencontre ;)";
    theSiteLinks[0] = "http://kegi1.ekzay.com/rw-3/";
  
    theSummaries[1] = "Ici je met mon deuxième texte qui est un lien vers

google.com";
    theSiteLinks[1] = "http://www.google.com";
  
    theSummaries[2] = "etc...";
    theSiteLinks[2] = "http://www.perdu.com";
  
    theSummaries[3] = "etc...";
    theSiteLinks[3] = "http://www.perdu.com";
  

  startTicker();
  
  //-->
  </script>


</body>
</html>

Commentaire de crashtest le 08/04/2005 11:32:15

Lu,
aucun de vos script ne marche.
Je l'ai réparé et maintenan il marche sous IE et sous firefox.

<html>
<title></title>

<head>

<STYLE>
a.tickl{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:12px;text-decoration:none;color:#004477;font-weight:bold;}
a.tickl:hover{color:#C2262A;text-decoration:none;font-weight:bold;}
a.tickl:link{color:#004477;text-decoration:none;font-weight:bold;}
a.tickl:visited{color:#004477;text-decoration:none;font-weight:bold;}
.ticki{width:620px;height:30px;overflow:hidden;}
.ticko{width:620px;padding:1px 0 4px 0;margin:4px 0 0px 0;display:block;}
.tickls{
color:#C2262A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
</STYLE>


<script language="JavaScript" type="text/javascript">
<!--

// ce script provient de http://news.bbc.co.uk
// adapté par kevin gilbert
// kegi@hotmail.com


function startTicker()
{
// Define run time values
theCurrentStory     = -1;
theCurrentLength    = 0;
// Locate base objects
if (document.getElementById) {
    theAnchorObject     = document.getElementById("tickerAnchor");
runTheTicker();
}
else {
            document.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>");
            return true;
}
}
// Ticker main run loop
function runTheTicker()
{
var myTimeout;
// Go for the next story data block
if(theCurrentLength == 0)
{
theCurrentStory++;
theCurrentStory      = theCurrentStory % theItemCount;
theStorySummary      = theSummaries[theCurrentStory].replace(/&quot;/g,'"');
theTargetLink        = theSiteLinks[theCurrentStory];
theAnchorObject.href = theTargetLink;
thePrefix      = "<span class=\"tickls\">" + theLeadString + "</span>";
}
// Stuff the current ticker text into the anchor
theAnchorObject.innerHTML = thePrefix +
theStorySummary.substring(0,theCurrentLength) + whatWidget();
// Modify the length for the substring and define the timer
if(theCurrentLength != theStorySummary.length)
{
theCurrentLength++;
myTimeout = theCharacterTimeout;
}
else
{
theCurrentLength = 0;
myTimeout = theStoryTimeout;
}
// Call up the next cycle of the ticker
setTimeout("runTheTicker()", myTimeout);
}
// Widget generator
function whatWidget()
{
if(theCurrentLength == theStorySummary.length)
{
return theWidgetNone;
}

if((theCurrentLength % 2) == 1)
{
return theWidgetOne;
}
else
{
return theWidgetTwo;
}
}
// -->
</script>
</head>

<body>



<div class="ticki">
<a id="tickerAnchor" href="http://domusvitae.free.fr" target="_top" class="tickl">
<span class="tickls">NEWS :&nbsp;</span>pas de news pour le moment...</a>
</div>

  <script language="JavaScript" type="text/javascript">
<!--

var theCharacterTimeout = 50;
var theStoryTimeout     = 5000;
var theWidgetOne        = "_";
var theWidgetTwo        = "-";
var theWidgetNone       = "";
var theLeadString       = "NEWS :&nbsp;";

var theSummaries = new Array();
var theSiteLinks = new Array();

var theItemCount = 4;


// ici, vous metez vos texte et vos description mais n'oubliez pas de changer la
// variable theItemCount pour indiquer le nombre de news

    theSummaries[0] = "Ici, je met mon premier texte qui est un lien vers Mon site de rencontre ;)";
    theSiteLinks[0] = "http://kegi1.ekzay.com/rw-3/";

    theSummaries[1] = "Ici je met mon deuxième texte qui est un lien vers google.com";
    theSiteLinks[1] = "http://www.google.com";

    theSummaries[2] = "etc...";
    theSiteLinks[2] = "http://www.perdu.com";

    theSummaries[3] = "etc...";
    theSiteLinks[3] = "http://www.perdu.com";


  startTicker();

  //-->
  </script>


</body>
</html>

Commentaire de jjdagadir le 09/04/2005 10:19:55

BEN OUI - 10 POUR CRASHTEST, C'EST LE SEUL CODE QUI FONCTIONNE !!!

Commentaire de kegi le 09/04/2005 19:03:02

merci crashtest,
jai unpdater mon code.

cordialement,
kevin (kegi@hotmail.com)

Commentaire de Romain128 le 12/04/2005 15:34:35

12/10.
(Comment ca "on peut pas"?)
Bon ben 10 alors...

Commentaire de sergio297 le 27/07/2005 12:12:13

Ton code est tooooop! C'est exactement ce que je cherchais.
Merci crashtest :)

Commentaire de kegi le 27/01/2006 04:54:59

Pour répondre à une question qu'on m'a posé: "Comment changer le target ?" voici la réponse:

rajouter simplement:
theAnchorObject.target = "_blank"; //le nom de votre frame :)

après la ligne:
theAnchorObject.href = theTargetLink;

Cordialement,
Kevin (kegi@hotmail.com)

Commentaire de norbertus le 10/03/2006 12:43:42

Super, mais comment le démarrer?
Le "pas de news pour le moment" reste toujours la...
(je sais, je débutte en java...)

Merci,

Norbert

Commentaire de kegi le 14/03/2006 09:49:48

C'est du JAVASCRIPT :P pas du JAVA

et la réponse (trop simple) se trouve sur ta boite de réception.

Cordialement,
Kevin (kegi@hotmail.com)

Commentaire de younes371 le 18/09/2006 18:32:44

Bonjour,
Je travail sur un projet,oû je dois mettre des onglets automatique, => vous m avez pa compris!! ??.
Alors j explique :
L'utilisateur lui meme peut créer ces onglet personnel.
Pour bien me comprendre, je vous demande d aller voir ce site : www.netvibes.com.
Si vous pouvez m'aider a trouver le script ou on le developpe ensemble ça serait gentil de votre part . Merci

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Archos 5 Internet Tablette 500 Go
Entre 396€ et 444€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Green Energy Solutions With Light Bulb Morphed Into LandscapePhoto Waterfall in Kauai Hawaii With Rainbow
Photo bora-bora 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,295 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)