News

Si vous avez un site web et que vous souhaitez afficher des nouvelles de façon originale, voilà un script qui vous le ferra à la manière d'une machine à écrire.
Ce script est compatible avec tous les navigateurs supportant le javascript.

Ses inconvénients sont qu'on ne peut pas faire de liens et que sur certains navigateurs (notamment Konqueror 3.1 et Opera 7.23) vous avez une barre de défilement qui apparaît à droite (non présente avec Internet Explorer 6 et Mozilla 1.6). Enfin vous pouvez mettre en forme le texte grâce aux CSS mais uniquement de façon global. Vous ne pouvez pas mettre, par exemple, une partie d'une news en gras et pas le reste...

Le script (version brut) est en deux partie :

• index.html avec la zone de texte (textarea) où sera affichée les news. Sur la balise BODY, le chargement se fait par la commande : onload="listactu();"

• news.js qui contient les fonctions javascript et les news à afficher. Les news sont stockées dans le tableau tabactu, chaque ligne représentant une news. Pour avoir des retours à la ligne dans une news, il faut mettre le code spécial pour javascript : \r.
  
  La fonction listactu() affiche les news, caractère par caractère avec un délai de 40ms entre chaque (a = setTimeout("listactu()", 40);). Il y a une pause de 1000ms entre chaque news (a = setTimeout("listactu()", 1000);).
  
  Comme il est impossible de savoir quand on arrive en bas du textarea, définit par rows="45" cols="36" ainsi que le type et la taille de la fonte, il faut faire différents tests pour trouver une valeur pour : if (affich2.length > 700). Cette valeur de 700 est valable pour le textarea de rows="45" cols="36" avec une police Arial de taille 12pixel. De plus cette valeur a été testé sous Opera, qui affiche la barre de défilement, ce qui réduit le nombre de caractères pouvant être affichés en comparaison avec Mozilla ou Internet Explorer qui n'ont pas cette barre.
  
  La fonction reloadactu() sert à réafficher les news, elle est activée en cliquant sur le lien Revoir les news. Elle est sensée mettre l'ascenseur au début de la page mais avec certains navigateurs (Konqueror 3.1) cela ne fonctionne pas.

Pour améliorer ces deux pages, il faut utiliser les CSS (Feuilles de styles) ce qui peut donner quelque chose comme ça. Pour cela, il faut le fichier apparence.css.

Il ne reste plus qu'à mettre vos news et à modifier le fichier apparence.css pour avoir le look qui vous convient.

Dernière modification de la page : 15/06/2004