Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE AVEC VITESSE LIBREMENT VARIABLE


Information sur la source

Catégorie :Effets Classé sous : défilement, automatique, scroll, barre, Abdelaziz Niveau : Débutant Date de création : 10/11/2008 Date de mise à jour : 16/04/2009 09:57:56 Vu / téléchargé: 3 474 / 447

Note :
5 / 10 - par 1 personne
5,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (9)
Ajouter un commentaire et/ou une note

Description

Confortable auto défilement ou (scroll bar) tout automatique avec vitesse librement variable:
c'est un outil très efficace et simple, à utiliser dans les forums les blogs et même sur les sites comme sur le réseau (CS), en cas des multiples et longs commentaires ou à cause d'accumulation des données les pages deviennent de plus en plus longues ce qui fait que la manipulation de la barre de défilement devient de plus en plus pénible et comme l'automatisme de la souris et les bouton P(haut) et P(bas) souvent ne donne pas satisfaction, cars on ne peut s'occuper avec que du mouvement de la barre et rien de plus, pour ces raisons et d'autres j'ai mis au point un instrument qui permet de manipuler automatiquement la barre de défilement et de varier sa vitesse à votre choix même si votre page est diffusé dans un cadres comme dans les résultats de certains moteurs de recherche, dans tous les cas vous avez toute la liberté même de déplacer la barre vers le haut et ver le bas en même temps qu'elle est activé automatiquement, de sélectionner, copier des textes et des objet et se balader librement avec le curseur sur toute la page.

Le code est fonctionnel, simple et très pratique, insérez le directement après <body> et c'est tout, l'instrument va se placer là ou il a été prévu.

Pour voir le résultat en ligne, un model de démonstration est disponible à cette adresse :
http://abdelaziz.site.voila.fr/sources.htm

 

Source

  • < !--//
  • document.write(''+
  • '<!-- Début du code (JS), (CSS) et (HTML) à copier dans vos pages à condition que vous laissez les commentaires et respecter les droits de l\'auteur. -->');
  • function AUTODefill(AA,CC) {
  • /*
  • abdelaziz rejeb Elalia Tunisie
  • site : http://abdelaziz.site.voila.fr
  • pour tout contact: http://siv.site.voila.fr
  • Le 26/08/2008
  • */
  • T=AA; // le Trajet: pour atteindre les limites de la page le trajet doit être plus grand que la vitesse.
  • V=CC; // La Vitesse: la vitesse doit être plus petite que le trajet pour atteindre les limites de la page page.
  • setTimeout("scroll()",0); // Délai de la pause = 0
  • }
  • function scroll() {
  • V=0+V;
  • self.scrollBy(0,V);
  • if (V<T){setTimeout("scroll()",0);
  • }}
  • //-->
< !--//
document.write(''+
'<!-- Début du code (JS), (CSS) et (HTML) à copier dans vos pages à condition que vous laissez les commentaires et respecter les droits de l\'auteur. -->');
function AUTODefill(AA,CC) {
/* 
abdelaziz rejeb Elalia Tunisie 
site : http://abdelaziz.site.voila.fr 
pour tout contact: http://siv.site.voila.fr
Le 26/08/2008
*/ 
T=AA; // le Trajet: pour atteindre les limites de la page le trajet doit être plus grand que la vitesse.
V=CC; // La Vitesse: la vitesse doit être plus petite que le trajet pour atteindre les limites de la page page. 
setTimeout("scroll()",0); // Délai de la pause = 0
}
function scroll() {
V=0+V;
self.scrollBy(0,V);
if (V<T){setTimeout("scroll()",0);
}}
//-->

Conclusion

Sauf si c'est nécessaire, vous pouvez modifier l'emplacement de la commande ou le rectifier légèrement dans la balise de style.
Pour toute question contacter moi sur cette adresse :
http://siv.site.voila.fr
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

19 novembre 2008 05:45:32 :
Modifier et Positionner la commande en cas d'agrandissement du contenue de la page...
16 avril 2009 09:57:56 :
Ajouter une démonstration

Commentaires et avis

signaler à un administrateur
Commentaire de Kimjoa le 10/11/2008 19:25:23

Salut  abdelaziz_info, je trouve que ton idée est très bonne, mais je n'approuve pas la réalisations, il est possible sur les pages web de grossir la taille des caracteres en appuyant sur ctrl et de scroller , je pense qu'il aurait été mieux de faire la meme chose avec une autre touche, par exemple,barre d'espace  ou autre appuyé plus scroll pour un défilement bcp plus rapide ... est-ce vraiment utile que l'utilisateur définisse lui meme la vitesse du scroll...
En tout cas bonne idée bye

signaler à un administrateur
Commentaire de Arto_8000 le 10/11/2008 22:09:58

Au niveau du code c'est très faible pour quelques lignes de code. Pour les noms des variables, on dirait presque que tu as obfusquer ton code et pour le nom des fonctions, "scroll" est une fonction déjà qui existe et tu viens l'écraser, ce qui n'est pas l'idéal non plus.

Pour ton fichier html, tu utilises de façon abusive le document.write qui est vraiment inutile.

signaler à un administrateur
Commentaire de mickaelpfr le 12/11/2008 11:07:03

bonjour bonjour :)
je vais partir dans le sens d'arto ( bien que je n'adhère pas a sa façon de codé non plus ^^ )

- ce code aurais pu être intéressant dans un autre contexte, scrollé une page ne sert pas a grand chose 99,9% des gens utilisent la molette :)

- coté source => document.write ? mon dieu STOP et le dom ? on en fait quoi ? on est en 2008 ! même ie6 supporte le dom pour la création dynamique d'objet.
de plus tu utilises un tableau pour placer tes élements , je dis non non non !

l'idée de base aurais pu être la mais une source obsolète dès sa sortie et qui ne sert pas a grand chose ...

ce a quoi je me permettrais de ne pas te noter.

Cordialement

signaler à un administrateur
Commentaire de abdelaziz_info le 13/11/2008 01:52:17

Salut :

Pour, "Arto_8000"  et "mickaelpfr"

C'est à vous d'essayer de faire du progrès et de donner des exemples effectifs et opérationnels pour améliorer le code et qui peuvent être utiles pour les débutant et pour quoi pas les experts évolués comme vous aussi.

Alors que pour le coté (HTML) qui  à poser un grand problème pour vous, il n'été pas nécessaire de l'envisager cars à chaque utilisateur son style... dans notre cas tout ce qu'on avait besoin :
1- un code (js) Léger et n'est pas très compliqué,
2- un style (css),
3- une (commande) et c'est tout.


Mais moi sans penser que pour moi seul (moi seul) ce que j'ai fait, j'ai proposé un outil qui peut être en premier lieu amélioré et en même temps fonctionnel et serviable, sur tout pour ceux qui peuvent attraper mal au doit ou l'allergie à cause de la manipulation excessive de la dite (molette) ou être irrités par des cliques surs des clefs ici et là, sur des pages qui deviennent de plus en plus longues et lourdes ... ; avec la possibilité de régler la vitesse à son propre choix (propre choix) et de manoeuvrer manuellement en même temps si on veut, (cliquer sélectionner copier coller ++)  et ça aucun autre outil qui peut le faire sous tous les navigateurs ! En fin le plus important dans tout les cas est que le (fait) se poursuit.....


Là pour : "mickaelpfr"
1-  « ( bien que je n'adhère pas a sa façon de codé non plus ^^ ) »
Avoir ça propre façon . ce n'est pas tout le monde qui peut le faire ; et ce n'est pas ma faute si ça t'ennuies ;

2- « scrollé une page ne sert pas a grand chose 99,9% des gens utilisent la molette »
Ça c'est suivant "mickaelpfr" qui ne représente ici que lui-même, dans ce cas le résultat doit être 100%. Mais il lui dépasse que les gens n'avaient pas d'autres choix.



Merci, "Kimjoa" pour la remarque (appuyant sur ctrl et de scroller)

J'ai essayer de corriger ça, c'est peut être pas l'idéal aussi mais ... tu peux voir ici :
http://abdelaziz.site.voila.fr/superautoscroll.htm


Merci à tous.

signaler à un administrateur
Commentaire de mickaelpfr le 13/11/2008 09:31:02

droit de réponse :)

" C'est à vous d'essayer de faire du progrès et de donner des exemples effectifs et opérationnels pour améliorer le code et qui peuvent être utiles pour les débutant et pour quoi pas les experts évolués comme vous aussi."

chose que je fais en étant modérateur et contributeur sur un autre réseaux de développeur que nous ne citeront pas ici mais qui est tout aussi conséquent que le réseaux CS ;)

pour le reste ma critique restait personnelle comme tu le fais remarquer à juste titre et n'y voit rien de péjoratif ni de méchant , me fixant sur mon expérience utilisateur et du retour des besoins de nombreux autres utilisateurs.

quand a la troisième solution de scroll , il s'agit du click sur la molette puis faire défiler avec la souris ;) qui en fait est EXACTEMENT le même principe que le tiens , la seule différence l'une en javascript l'autre intégré au browser.

Cordialement ;)

signaler à un administrateur
Commentaire de lakichemole le 13/11/2008 09:36:16 5/10

c'est une fonctionalité en plus que je n'avais jamais vu, j'encourage ce genre de source! Par contre je te propose de de faire le placement de tes bouton de défilement en CSS et non en javascript car sous IE6 par exemple les bouton "tremblent" à chaque défilement.

signaler à un administrateur
Commentaire de XtremDuke le 13/11/2008 17:03:05

Je vais refaire certaines remarques :

- Le document.write() pour insérer du CSS et ton tableau c'est un peu moyen...
- Un intervalle un 0ms est complètement abusé, le minimum recommandé se situe aux alentours de 20ms (soit 50 images/secondes)
- Faire scroller le document... pourquoi pas ? Mais personnellement j'aurais préférer revoir une méthode de scroll pour un calque par exemple ce qui aurait été peut-être plus complexe mais bien plus utile.

signaler à un administrateur
Commentaire de abdelaziz_info le 13/11/2008 18:07:05

Merci : lakichemole pour l'encouragement.
Merci : XtremDuke pour les remarques, le reste c'est ton avis et je le respecte.

Et merci également, pour mickaelpfr surtout pour le travail qu'il fait, et j'espère qu'il va se permettre de nous citer le réseau ou il travaille....

Cordialement ;

signaler à un administrateur
Commentaire de mickaelpfr le 15/11/2008 11:04:32

comme indiqué par mp : developpez.com :)

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

scroll sur une page web [ par Bestdoud ] BonjourJe n'y connait rien en javascript. et j'aurais besoin de 2 ou 3 trucs,J'aimerai que si la barre de défilement verticale est en bas, qu'elle le Insertion d'un cadre avec barre de défilement [ par vanvan38 ] Bonjour alors voil&#224; j'aimerai ins&#233;rer &#224; l'int&#233;rieur de mon site un cadre dans lequel je vais &#233;crire beaucoup de texte mais je Supprimer la scroll barre horizontale [ par super_toinou ] bonjour a tous,j ai une question toute bete, comment fait on pour supprimer la scroll bar horizontale d'une frame et n'autoriser que la verticale ??Me scroll barre [ par viking11100 ] salut je debute alors evidemment j'ai dess blemsje fais un site avec frontpage et je voudrais savoir comment je peux faire pour que ma page index qui scroll bar pour animation flash [ par zigzag999 ] &nbsp;Je cherche comment faire une barre de d&#233;filement qui&nbsp;permettrait de suivre une animation flash. La barre serait en synchro avec l'anim Pb affichage barre de défilement [ par Jossdoit ] Bonjoiur, Je travaille actuellement sur Dreamweaver pour faire une page web. Je voudrais changer l'aspect de ma barre de défilement. Pour cela g utili Pb d'affichage de la barre de défilement [ par Jossdoit ] Bonjour, Je travaille actuellement sur Dreamweaver pour faire une page web. Je voudrais changer l'aspect de ma barre de défilement. Pour cela g utilis scroll automatique vertical de news [ par gremar ] comment on fait ? :Pca se fait bien avec du javascript ce genre de chose ?si oui, comment ?gremar Défilement automatique des pages d'un site ? [ par adelysnet ] Bonjour,Je souhaite faire défiler des pages d'un site automatiquement.Chaque page finirait par viewimage2.php?imageID=1&style=listing En fait, seule l popup + barre de défilement [ par minet03 ] Coucou, j'ai un petit probl&#232;me avec un popup, j'ai trouver la source sur TJS et elle ne marche pas. En fait je voudrais qu'il y ai la barre de d&


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 1,201 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.