News ticker

Soyez le premier à donner votre avis sur cette source.

Snippet vu 18 168 fois - Téléchargée 27 fois

Contenu du snippet

Cette source permet de faire apparaitre des messages en les faisant disparaitre et ainsi de suite...

Source / Exemple :


<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var qiksearch_js_text = new Array ("Salut!", "Écrivez votre message...", "Bye", "Bye");
var qiksearch_space_width = 390; 
var qiksearch_space_height = 50; 
var qiksearch_space_borderw=3; // Grandeur de la bordure
var qiksearch_space_borderc="#CC0000"; // Couleur de la bordure
var timeOutVal=150; // Délai en millisecondes

//--------------------------------------------------------------------------------------------------------

//-----------------------------NE-PAS-MODIFIER-APRES-CELA--------------------------------------

document.write('<table width="' + qiksearch_space_width + '" height="' + qiksearch_space_height + '" style="background:#FFFFFF; border:' + qiksearch_space_borderw + ' solid ' + qiksearch_space_borderc + '"><tr><td align="middle">');
document.write('<div id="qiksearch_js_space">');
document.write('</div>');
document.write('</td></tr></table>');

var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F';
var colorVal=15;
var div_count=0;

function qiksearch_fade_desat(getColorIntVal)
{
 var returnVal;
 if(getColorIntVal>=10)
 {
  for(var i=0; i<=15; i++)
  {
   if((getColorIntVal==i))
   {
    returnVal = eval('def_' + i);
   }
  }
 }
 else
 {
  returnVal=getColorIntVal;
 }
 return(returnVal);
} 

function writeDiv()
{
 document.all.qiksearch_js_space.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="' +  joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_js_text[div_count] + '</span></b></font>' ;

 if((colorVal>0)  && (colorVal!=0))
 {
  colorVal--;
 }
 else
 {
  colorVal=15;
  if(div_count<qiksearch_js_text.length)
  {
   div_count++;
  }
  if(div_count==qiksearch_js_text.length)
  {
   document.all.qiksearch_js_space.innerHTML = '<a href="javascript:resetAll();writeDiv();" style="text-decoration:none" accesskey="R"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b><u>R</u>ecommencer<font color="#CC0000">»</font></b></font></a>';
  }
 }

 if(div_count<qiksearch_js_text.length)
 {
  setTimeout("writeDiv()",timeOutVal);
 }
}

function joinColor(getColor)
{
 return (getColor + '0' + getColor + '0' + getColor + '0');
}

function resetAll()
{
 div_count=0;
 colorVal=15;
}
writeDiv();
</script>
</BODY>
</HTML>

Conclusion :


J'apprécierai de me dire s'il y a des bugs.

bob3000

A voir également

Ajouter un commentaire Commentaires
Messages postés
7
Date d'inscription
mercredi 8 janvier 2003
Statut
Membre
Dernière intervention
18 avril 2007

mauvaise utilisation de la css, pas e bordure sous firefox puisque pas conforme au norme (utiliser aussi border et bordercolor
Messages postés
164
Date d'inscription
jeudi 23 octobre 2003
Statut
Membre
Dernière intervention
25 août 2008

dsl que ca marche pas chez vous moi cas marche no 1 en local ;) merci pour la mise à jour.

cordialement,
kevin (kegi@hotmail.com)
Messages postés
28
Date d'inscription
dimanche 2 janvier 2005
Statut
Membre
Dernière intervention
11 décembre 2005

J'ai fais le même travail que toi ce soir... en récupérant le même code au même endroit ! Amusant non ?

Par contre ton code ne fonctionne pas ! Tu as oublié d'y intégrer les styles qui sont dans un fichier à part... Moi je les ai intégré dans l'entête de la page pour pas qu'il y ai de problème... je les ai un peu modifier, mour pas que çà interfère avec d'autres styles que vous pourriez avoir sur votre site (pour ceux qui utilisent des fichiers CSS externe par exemple (c'est mon cas...). Donc ce nouveau code qui est presque le même que kevin fonctionne sur un site qui utilse des classes CSS sans foutre le bordel...
Je mets le code à jour sur la fiche de Kevin... à la même adresse : http://www.javascriptfr.com/code.aspx?ID=30623

Cordialement,
Messages postés
164
Date d'inscription
jeudi 23 octobre 2003
Statut
Membre
Dernière intervention
25 août 2008

Bonjour,
je viens juste de poster ma source, un news tucker lettre par lettre... ne me remerciez pas :P

http://www.javascriptfr.com/code.aspx?ID=30623

cordialement,
kevin (kegi@hotmail.com)
Messages postés
28
Date d'inscription
dimanche 2 janvier 2005
Statut
Membre
Dernière intervention
11 décembre 2005

ouais moi aussi je cherche exactement le même truc que apz !
Quelqu'un connait une source qui fait çà ?

Merci d'avance....
Afficher les 12 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.