Accueil > Forum > > > > [scrollBy()] defilement bloqueet/ou boucle infinie
 [scrollBy()] defilement bloqueet/ou boucle infinie
jeudi 20 août 2009 à 13:49:29 |
[scrollBy()] defilement bloqueet/ou boucle infinie
Xiarea
|
Bonjour,
J'essai de faire défiler une page avec la fonction scrollBy() lorsque la souris s'approche des bords de la fenêtre.
En utilisant simplement cette fonction, appelée par un "onmouseover" sur une balise div, je dois passer plusieurs fois la souris pour avancer plusieurs fois. De plus la page se bloque dans la direction choisie après quelques décalages (3 ou 4 fois pour chaque direction)
J'ai essayé d'utiliser setTimeout() pour avoir un mouvement continue, mais ça ne fonctionne pas. et si on change de direction, la page bug, comme si elle voulais aller dans les deux directions à la fois... (ce qui me fait dire qu'il y a une boucle infinie)
voici le code :
Code Javascript : function defilement(h,v)
{
window.scrollBy(h,v)
setTimeout(function (){defilement(h,v)},100);
} y a-t-il une erreur ici ou dois-je chercher ailleur?
|
|
jeudi 20 août 2009 à 13:58:25 |
Re : [scrollBy()] defilement bloqueet/ou boucle infinie
|
jeudi 20 août 2009 à 14:11:22 |
Re : [scrollBy()] defilement bloqueet/ou boucle infinie
Xiarea
|
la fonction est appelée au passage de la souris sur une balise <div> :
Code HTML : <div id="defilementNW" onmouseover="defilement(-1,-1)"></div> Et sans même utiliser le setTimeout, la fonction ne fonctionne que 4 fois pour chaque direction.
ensuite, elle est toujours appelée, les valeurs en paramètre sont toujours les mêmes mais plus rien ne se passe...
Pour la boucle infinie c'est vrai que j'aurais du le voir 
|
|
jeudi 20 août 2009 à 14:15:27 |
Re : [scrollBy()] defilement bloqueet/ou boucle infinie
|
jeudi 20 août 2009 à 14:20:50 |
Re : [scrollBy()] defilement bloqueet/ou boucle infinie
|
jeudi 20 août 2009 à 14:24:18 |
Re : [scrollBy()] defilement bloqueet/ou boucle infinie
Xiarea
|
Oui, j'ai placé des divs sur tout le tour de la fenètre, 8 au total, placé sur chaque bord et à chaque angle. lorsque la souris est au dessus, la fonction defilement est appelée. Mais je ne comprends pas pourquoi cela ne fonctionne que 4 fois? (alors que la fin de la page se trouve plus loin, bien entendu.)
|
|
jeudi 20 août 2009 à 14:30:16 |
Re : [scrollBy()] defilement bloqueet/ou boucle infinie
Xiarea
|
Le but est de ne pas avoir à toucher aux assenceurs.
L'application doit être utilisable sans souris ni clavier (au stylet, sur un tablet PC)
une autre solution pourrait être de déplacer le document en faisant un "cliquer-glisser"...
|
|
jeudi 20 août 2009 à 14:45:18 |
Re : [scrollBy()] defilement bloqueet/ou boucle infinie
|
vendredi 21 août 2009 à 09:42:03 |
Re : [scrollBy()] defilement bloqueet/ou boucle infinie
Xiarea
|
Non decidement je ne vois pas d'ou peu venir le problème. Pour tester j'ai reduit à ceci :
Code HTML : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>PARE - Vue d'un document</title>
<link rel = "stylesheet" media = "screen" type = "text/css" title="Design" href="design.css" />
<!-- script js-->
<script type="text/javascript" >
function defilement(h, v, event)
{
window.scrollBy(h, v);
}
</script>
</head>
<body>
<img id="docannote" src="temp.jpg" style="z-index:0"/>
<!-- elements de défillement -->
<div class = "defilement" id="defilementNW" onmouseover = "defilement(-1,-1)"></div>
<div class = "defilement" id="defilementN" onmouseover = "defilement(0,-1)"></div>
<div class = "defilement" id="defilementNE" onmouseover = "defilement(1,-1)"></div>
<div class = "defilement" id="defilementW" onmouseover = "defilement(-1,0)"></div>
<div class = "defilement" id="defilementE" onmouseover = "defilement(1,0)"></div>
<div class = "defilement" id="defilementSW" onmouseover = "defilement(-1,1)"></div>
<div class = "defilement" id="defilementS" onmouseover = "defilement(0,1)"></div>
<div class = "defilement" id="defilementSE" onmouseover = "defilement(1,1)"></div>
</body> Le css ne fait que placer les <div> aux bons endroits, mais le voila quand même :
Code : .defilement
{
z-index : 1000;
}
#defilementNW
{
position : fixed;
top : 0%;
left : 0%;
height : 5%;
width : 5%;
}
#defilementN
{
position : fixed;
top : 0%;
left : 5%;
height : 5%;
width : 90%;
}
#defilementNE
{
position : fixed;
top : 0%;
right : 0%;
height : 5%;
width : 5%;
}
#defilementW
{
position : fixed;
top : 5%;
left : 0%;
height : 90%;
width : 5%;
}
#defilementE
{
position : fixed;
top : 5%;
right : 0%;
height : 90%;
width : 5%;
}
#defilementSW
{
position : fixed;
bottom : 0%;
left : 0%;
height : 5%;
width : 5%;
}
#defilementS
{
position : fixed;
bottom : 0%;
left : 5%;
height : 5%;
width : 90%;
}
#defilementSE
{
position : fixed;
bottom : 0%;
right : 0%;
height : 5%;
width : 5%;
} (désolé si c'est un peu long)
bref, le problème reste le même, la fonction se lance bien mais seulement 2 fois dans chaque direction, comme si la fin du document se trouvait 2pixels plus loin que l'affichage initial... 
|
|
vendredi 21 août 2009 à 09:55:17 |
Re : [scrollBy()] defilement bloqueet/ou boucle infinie
bultez
|
lu chez selfHTML :
scrollBy()
Fait défiler une page automatiquement vers le haut ou le bas,
la gauche ou la droite du nombre de pixels mentionné.
Attend les paramètres suivants:
1. valeur x = Nombre de pixels pour le défilement
vers la gauche ou vers la droite. Les valeurs négatives
défilent vers la gauche, les positives vers la droite.
2. valeur y = Nombre de pixels pour le défilement
vers le haut ou vers le bas. Les valeurs négatives
défilent vers le haut, les positives vers le bas.
vous appelez la fonction qui va faire défiler
la page d'1 pixel, au mieux. déjà.
CordialementBul[mon Site][M'écrire]
|
|
Cette discussion est classée dans : boucle, page, defilement, infinie, scrollby
 Répondre à ce message
 Sujets en rapport avec ce message
Bloquer le defilement d une page [ par SmaybE ]
slt a tous Voila j ai un site heberger gratuitement il y a forcement de la pub et celle ci est en bas de la page une banniere + un lien et l astuce se
boucle mal bouclée [ par tonytruand ]
bonsoir,J'ai un souci que je n'arrive pas à résoudre, ma boucle commence bien puisque la première lettre est bien détectée la 2 ème et la 3 ème aussi
boucle [ par bossou ]
bonjour. j'ai une page html ecrit avec du js dans laquelle je saisi un nombre quelconque. j'ai une deuxième page js qui doit s'afficher n fois égal au
Probléme d'incrémentation dans une boucle [ par alibyte ]
Bonjour, a tous ! Voila j' ai un projet à faire pour mes études, je dois récupérer l'url des images sur monsite.com page par page et les stocker dans
recuperer variable sur une autre page [ par rudak666 ]
bonjour je suis en train d'essayer d'afficher une image aléatoire en appelant une page (photo_ran.php) qui me génere une source aléatoire donc je voud
barre de defilement [ par zekotch ]
voila j'ai un petit probleme je voudrai empecher la bar de defilement droite de bouger après un clique sur un element de ma page. En effet j'ai plusi
Ajax et base de donnees [ par voyager ]
voyager Bonjour a tous Etant debutant je ne sais pas si je post au bon endroit mais bon j essaye [u]Petit explication pour la comprehension [/u] D
menu déroulant caché par la page [ par gillie ]
Bonjour, J'ai créé un fichier index.html avec deux frames, la première avec l'entete et le menu horizontal, l'autre avec la page qui change quand on
Recuperer le resultat d'une pahe php dans ma page html [ par dartagnan43 ]
Bonsoir, Je voudrais insérer dans ma page html le résultat de mon compteur live que j'ai sur ma page live.php En gros ma page live.php interroge ma b
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|