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

Scrolling Vertical


Exemple :

Ce script permet de faire défiler (scroller) une page par le simple clic d'un bouton.


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"

function scrollit()
{

// On va donc créer une boucle for() qui permet de définir
// d'ou on part (I=1), ou on doit arriver (I=750) et on incrémente de 1 (I++).

// Ici j'ai choisis 750 car c'est la hauteur standard d'une résolution. // Si votre page fait moins que 750 en hauteur ce n'est pas trop grave, le // défilement s'arrêtera, mais si elle est plus longue, il faudra augmenter // ce chiffre pour que le défilement aille jusqu'en bas.

for (I=1; I<=750; I++)
  {

// et ici la méthode magique.

   this.scroll(1,I)
  }
}

// Fin du script -->
</script>

</head>
<body>

<!-- ensuite on met un bouton, ou tout ce qui est cliquable (lien, image), ce qui compte c'est l'appel à la fonction -->

<FORM>
<input type=button value="Scroll Page" onClick="scrollit()">
</FORM>

</body>
</html>


Vous avez donc compris que la méthode scroll permet de faire défiler dans n'importe quel sens que ce soit en X ou en Y.
La seule chose à changer c'est scroll(X,Y) ou X et Y sont des entiers en pixels.


© 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 !