Accueil - Fonctionnement - Mandrake/Mandriva : 9.210.1 -
Logiciels - Réseau - Développement - Liens - Forum

Liste Programmes - KBourse - KCCchecker - Chrono - News - News 2
Rechercher sur Linux Transition :

Contact
Les news de Linux TransitionLes News

   
   

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

Toutes les marques et logos présents sur cette page sont la propriété de leurs propriétaires respectifs
Les informations fournis sur cette page ne sont pas garanties
Vous pouvez utiliser les informations de cette page de façon non commerciale et à condition de faire un lien vers Linux Transition : linuxtransition.free.fr
Statistiques du site par - visiteurs depuis Juin 2004