Exemples & Sources en JavaScript Annuaire francophone du CGI Exemples & Sources en JavaScript
Accueil du site

Détection (3)
Divers (10)
Formulaire (11)
Image (5)
Navigation (3)

Les 10 derniers
Les plus vus

Infos sur JavaScript
Les mots réservés
Les événements
Les opérateurs

Archives

A propos du site
Le Forum du site

Linker Scripts-fr !

Faîtes un lien sur votre site

 

Valid HTML 4.01!
Valid CSS!

Actuellement 2 connectés

Bienvenue sur Scripts-fr.com

Défilement titre


Exemple :

Ce JavaScript permet de faire défiler le titre de la page (celui qui est entre <title> et </title>).


Explication du script : (a copier et à coller)

<html>
<head>
<title></title>

<script type="text/javascript">
<!-- Debut
// JavaScript pris sur le site: "http://java.scripts-fr.com"

/*
On va avant tout définir des variable.
On active donc icet c à 0 (elles serviront à s'incrementer plus tard), puis on met notre titre à faire défiler dans une variable str (pour string).
Une fois ceci fait, on crée également une variable tilen (title length) qui contiendra le nombre de caractères contenus dans str grace à l'utilisation de la propriété length. Et pour finir on active également une variable go que l'on verra plus tard.
*/

var ic = 0;
var c = 0;
var str = "Bienvenue sur http://www.java.scripts-fr.com/: Exemples & Sources en JavaScripts";
var tilen = str.length;
var go;

function ts()
{
   til();
   if(c < tilen)
   {
    clearTimeout(go);
   }
   c++;
   go = setTimeout("ts();",10)
}

/*
Bon un peu d'explication quand même.
Nous avons ouvert une fonction ts(); qui appele une autre fonction til(); (nous y reviendrons plus bas).
Nous avons ouvert une condition avec if qui dit que tant que le nombre de caractères de la chaine est supérieur à la variable c on annule avec la méthode ClearTimeout le délai affecté à go (j'expliquerais plus tard cette histoire de délai) puis on incrémente la variable c. pour terminer cette fonction on donne à la variable go l'ordre de reboucler sur la fonction ts(); toutes les 10 milisecondes.
C'est sur cette valeur de délai qu'il faudra jouer pour faire défiler plus ou moins vite votre texte.
Une fois que c est égale à tilen on stope le tout avec la méthode clearTimeout vue plus haut.
*/

function til()
{
    var dti = str.substring((tilen - ic - 1),tilen);
    document.title = dti;
    ic++;
}

/*
Ici nous écrivons dans le titre (title de la page (document) la variable dti.
L'astuce ici est d'ajouter à chaque appel de la fonction un caractère en partant de la fin grace à la méthode substring en utilisant la variable ic que l'on incrémente à chaque fois. On n'écrit donc pas une fois le titre et on le fait défiler (si vous savez le faire, je suis preneur) mais on va réécrire le titre à chaque fois en ajoutant un caractère à gauche dans un temps relativement cours; on a donc l'impression qu'il défile.
*/

ts();

// Bon la rien à dire hein... On démarre juste le script. ET C'EST TOUT :-)

// -->
</script>

</head>
<body>

</body>
</html>


© 2002 Java.Scripts-fr - Tous droits réservés - Design altiline.com - Hébergement eBusiness.be
Pour tout commentaire, n'hésitez pas à contacter le webmaster

Contact !