begin process at 2010 03 17 01:00:06
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > DÉFILEMENT AUTOMATIQUE DE LA PAGE

DÉFILEMENT AUTOMATIQUE DE LA PAGE


 Information sur la source

Note :
Aucune note
Catégorie :Trucs & Astuces Niveau :Débutant Date de création :03/04/2003 Date de mise à jour :03/04/2003 20:17:30 Vu :4 304

Auteur : virtuelkiller

Ecrire un message privé
Site perso
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 Description

Copier/coller et c'est in the pocket ! ;-)

Source

  • <html>
  • <head>
  • <title>Cliquez sur le bouton pour faire défiler la page automatiquement</title>
  • <script LANGUAGE="JavaScript">
  • function verticalscrolling(){
  • for (z=10; z<=1000; z++){parent.scroll(0,z)}
  • }
  • </script>
  • </head>
  • <body>
  • <p align="center">Cliquez sur le bouton pour faire défiler la page
  • automatiquement</p>
  • <p>&nbsp;</p>
  • <form>
  • <p align="center"><input type="button" value="Go" onClick="verticalscrolling()"></p>
  • </form>
  • <p align="center"></p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">&nbsp;</p>
  • <p align="center">http://www.paroles-et-musiques.fr.st</p>
  • </body>
  • </html>
<html>

<head>

<title>Cliquez sur le bouton pour faire défiler la page automatiquement</title>
<script LANGUAGE="JavaScript">
function verticalscrolling(){
for (z=10; z<=1000; z++){parent.scroll(0,z)}
}
</script>
</head>

<body>
<p align="center">Cliquez sur le bouton pour faire défiler la page
automatiquement</p>
<p>&nbsp;</p>
<form>
<p align="center"><input type="button" value="Go" onClick="verticalscrolling()"></p>
</form>

<p align="center"></p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center">http://www.paroles-et-musiques.fr.st</p>
</body>

</html>

 Conclusion

Laissez moi vos impressions !
V.K.


 Sources du même auteur

AFFICHER UNE PAGE WEB EN PLEIN ÉCRAN D'UN CLIC !
DU TEXTE DÉFILE DANS LA BARRE D'ÉTAT EN CONTINU !
Source avec Zip UNE IMAGE QUI VOLE...
PHRASE ANIMÉE : LE TEXTE ONDULE !
Source avec Zip AFFICHE OU CACHE UNE IMAGE OU UN LIEN GRÂCE À UN BOUTON

 Sources de la même categorie

ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico
OUTIL DE SÉLECTION par jdmcreator
Source avec Zip SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma
DÉTECTER SI CSS EST ACTIVÉ par jdmcreator
RETROUVER LE NUMÉROS DE TELEPHONE DE VOTRE EMPLOYER RAPIDEME... par rappise

Commentaires et avis

Commentaire de LocalStone le 09/04/2003 21:31:39

Salut ! C'est excellent ton script, et ça me fait découvrir " scroll() que je ne connaissait pas. Mais ça marche comment. Et le " z=1000 ", tu as mis " 1000 " par rapport à quoi ? Merci et @+
LocalStone

Commentaire de virtuelkiller le 10/04/2003 19:28:28

Salut LocalStone !
Ce code n'est pas compliqué, voilà comment il marche :
z=10 c'est le nombre de pixels auquels ta page descend... Euh... C'est la vitesse si tu veux ! ;-)
z&lt;=1000 c'est jusqu'à combien de pixel ta page va descendre quand tu appuieras sur le bouton !
Essaie de mettre 10 et ta page ne descendra presque pas ! ;-)
Voilà,
A votre service Monsieur !
;-)

Virtuel Killer pour vous servir !

Commentaire de virtuelkiller le 12/04/2003 14:26:05

Sorry un pote vient de me faire revenir à la raison ! ;-)
En fait z=10 c'est d'ou ta page par quand tu appuieras sur le bouton.
Si tu mets 500 et bien quand tu cliqueras sur le petit bouton la page commencera à défiler au milieu.
A+
V.K.

Commentaire de neodem le 14/10/2003 10:21:28

Salut! je trouve ton script exellent!
Etant un débutant sur javascript je n'arrive pas le faire marcher dans un Iframe, peut-être faut-il rajouter de la hierarchie dans  :{parent.scroll(0,z)}, car la fonction est appliquée à toute la page, alors que je voudrais qu'elle s'applique seulement dans le Iframe.
Si tu peux aider le petit joueur que je suis, je t'en serais très reconnaissant!
A+
Neodem  

Commentaire de darkman2 le 08/05/2005 17:21:01

ton scipt est mal fait
c vrai essai de voir avec z=10

Commentaire de darkman2 le 08/05/2005 17:40:24

arrete de faire c/c

Commentaire de poiluman le 06/02/2006 19:12:53

Comment faire en sorte que ce defilement vertical soit géré automatiquement à l'ouverture de la page à la manière d'un générique ? Merci d'avance de la réponse.

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,998 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales