News 2
Si vous avez un site web, vous souhaitez certainement afficher des
nouvelles. Voici un script qui vous ferra défiler les nouvelles de bas en
haut dès le chargement de la page. Ce script est compatible avec tous les navigateurs supportant le
javascript.
Ce script a été testé sous Firefox 0.9, Mozilla 1.7, Internet Explorer
6 et Opera 7. Par contre il ne fonctionne pas sous Konqueror 3.1 : le
défilement se fait "à la vitesse de la lumière" ce qui rend les news
illisibles. Vous pouvez mettre en forme le texte
grâce aux CSS ou balises HTML (gras, lien, image, ...).
Le script
(version brut) est en deux partie :
- index.html est la page principale avec l'iframe
nommée datamain, où sera affichée les news. Un iframe est une page html dans une
autre page. Donc il est possible d'avoir une barre de défilement comme dans
toute page html. L'astuce est de cacher cette barre (scrolling="no") puis de faire défiler la
page par une fonction javascript. Ainsi on a l'impression de ne voir qu'une
page html, alors qu'il y en a deux.
-
iframe.html contient les
fonctions javascript et les news à afficher.
La fonction initializeScroller() sert à cacher le message d'avertissement
en cas de navigateur ne supportant pas le javascript (ou désactivé). Puis elle
affiche
les news et lance la fonction defiltexte() qui ferra défiler les
nouvelles.
Pour régler la vitesse de défilement, il faut modifier la valeur "40" dans cette
ligne : timerID = setTimeout("defiltexte()", 40); qui se trouve
à la fin de la fonction initializeScroller(). Plus le chiffre est petit,
plus vite sera le défilement.
La fonction reloadactu() sert à réafficher les news. Elle est activée en
cliquant sur le lien Revoir les news se trouvant à la fin des news.
Pour améliorer ces deux pages, il faut utiliser les CSS (Feuilles de
styles) et les balises HTML. Voilà un exemple. 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 : 07/11/2004
|