begin process at 2012 05 28 14:12:40
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > PAGES EFFET MOBILE TACTILE...

PAGES EFFET MOBILE TACTILE...


 Information sur la source

Note :
Aucune note
Catégorie :Effets Classé sous :stylet, gestion, navigation, page, sitajony Niveau :Initié Date de création :02/11/2009 Date de mise à jour :03/11/2009 18:41:17 Vu / téléchargé :4 772 / 593

Auteur : sitajony

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

 Description

Cliquez pour voir la capture en taille normale
J'ai l'opportunité d'avoir dans ma vie des mobile tactile notament des WindowsPhone, sur les navigateur web on pouvait naviguer sur les sites grâce au stylet ou au doigt... Dans cette source sa sera la même chose sauf que c'est avec votre souris, vous n'avez plus besoin de déscendre avec le scrollbar de droite ni du scrollbar du bas pour défiler la page vers la droite...
Cliquez un certain temp sur une zone de la page puis vous pourez la bouger comme vous le voulez...
Je n'avais encore jamais pensé à faire sa et j'ai cherché partout sur internet et j'ai pas trouvé cette source donc jèspère que sa sera utile pour certain... C'est une nouvelle façon de naviguer qui s'ouvre...
Vous pouvez aussi utiliser cette source pour par exemple se déplacer sur des photos ou autre...

Source

  • Un exemple est dans le ZIP...
Un exemple est dans le ZIP...

 Conclusion

Seul petit défaut que je n'arrive pas à résoudre c'est que quand je met <!DOCTYPE... la source ne marche plus, si quelqu'un pourait m'éclairer sur ce problèmme dites le moi merçi...
Si le fait de déplacer la page séléctionne du texte et que sa vous gêne vous pouvez mettre la fonction onselectstart et window.side en false...
Laissez vos commentaires svp sa m'aidera beaucoup je pense et notez cette source merci :)

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

02 novembre 2009 21:12:34 :
Petit message...
03 novembre 2009 18:41:17 :
Mis à jour majeur: Faites maintenant un clique long sur une zone de la page pour ensuite la déplacer... Note: lorsque vous déplacez la page le texte ne se selectionne pas sous IE sauf sur FF pour le moment...

 Sources du même auteur

Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB)
Source avec une capture DRAG/DROP/REDIMENSIONNER...

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture SCROLLBAR CLASS par heycraft
Source avec Zip Source avec une capture NAVIGATEUR INTERNET HAVRET par HAVRETos
Source avec Zip Source avec une capture NAVIGATION PAR AJAX, CHARGEMENT DES PAGES SANS RECHARGEMENT par zulrigh
Source avec Zip ACCESSIBARRE - AMÉLIORER LE CONFORT DES PERSONNES NON-VOYANT... par Pfuch
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs

Commentaires et avis

Commentaire de jantosze le 03/11/2009 11:26:33

slt,

Marrant ton truc, mais il y aura un problème d'éducation des internautes pour qu'ils puissent acquérir la notion du glissé en absence des scrollbars
Sinon quelques remarques:
pour le code puisque tu utilises un fichier js externe, intégrer la gestion  des 3 événements de la souris me semble sympa.
Lors des tests je vois apparaitre une zone de sélection, je m'explique cette situation par l'existence d'un décalage induit par les temps de traitement d'une machine lente entre le click/mouve et la gestion du déplacement ce qui peut se traduire par un copier coller du texte avec FFx3.5.4 (pas observé le copier/coller sous IE8)...je pense que se système tel qu'il est représente une ambiguïté dans l'usage (je veux déplacer vs je veux sélectionner pour copier) , il y a nécessité approfondir ce point.


cdt,jan

Commentaire de Kimjoa le 03/11/2009 15:47:01

marrant :)

je suis d'accord avec jantosze concernant le confie entre sélection et scroll, peux être un bouble clique pour activer le scroll??

Concernant le code il y a des eval, qui non pas leurs place, utilise Number, ou parseInt , pour convertir un chaine en un nombre.

tu poste en initié :(  perso c'est un code de débutant...

bye

Commentaire de sitajony le 03/11/2009 16:44:45

Je savais que sa poserait problèmme entre le mode copie collé et le déplacement des pages... Je pense que soit je vais faire comme ce que Kimjoa a dit: Lorsqu'on clique une fois (nomal) on peut selectionner du texte et lorsqu'on double-clique on peut bouger la page...
Aussi lorsqu'on bouge la page je vais ajouter une fonction window.side et onselecstart qui sera mis en false de ce fait il n'yaura pas de problèmme avec...
Je vous tient au courant de la mis à jour :)
Par contre pour les eval() je vais racourcir un peu tout sa j'avais fait juste le fonctionnement maintenant je vais essayer d'arrondir tout sa...

Commentaire de sitajony le 03/11/2009 18:24:37

J'ai un petit problèmme donc en faite j'ai fais en sorte que pour déplacer il faut faire un clique long (temp rêglable) et pour selectionner il suffit de selectionner normalement sa fonctionne parfaitement sous IE mais sous FireFox je n'arrive pas à changer dynamiquement le "document.onmousedown..." soit je peux activer la selection ou soit la désactiver... Vous ne savez pas par hasard comment changer dynamiquement? Mais ce qui est bizarre c'est que quand je tape dans la barre d'adresse lorsque la page est afficher sous firefox "javascript:alert(document.onmousedown=new Function("return false"))" quand avant on peut selectionner ben là sa marche, on peut plus selectionner mais en ligne de code sa marche pas :( Sinon je peux mettre à jour la source là elle fonctionne bien... sauf pour FF...

Commentaire de Kimjoa le 03/11/2009 19:24:29

je vois pas tros comment tu fais ...
Perso je pense que un clique long ne résout pas le problème, si je met du temps pour faire ma sélection, je me retrouverais à faire du scroll.
Perso , j'aurais fait une fonction clique, qui actualise a true, une variable définissant si on peux scroller avec un setTimeout(paramétrable) qui remet la valeur a false, puis une seconde en mousedown, qui en fonction de la variable de scroll, soit désactive la sélection et permet le scroll (avec un mousemove), soit, qui fait rien, ou réactive la sélection.

a++

Commentaire de Kimjoa le 03/11/2009 19:28:41

aussi , ca serait mieux de faire ceci , via le gestionnaire d'évènement, tu peux prendre exemple sur celui de XtremDuke ici http://joof-api.net/tmp/utils.html

Commentaire de sitajony le 03/11/2009 21:42:55

Non mais c'est un clique long mais si tu bouge le curseur sa reste désactivé il faut faire un clique long et pas bouger le curseur pendant 500ms... Pour selectionner un texte on a largement le temp de le faire sans que le mode déplacement s'active...

Commentaire de Kimjoa le 04/11/2009 00:31:44

j'y ais pas pensé , mais quand on clique sur le bouton du scrool de la sourie (mollette), ca revient au même que ton script non?



Commentaire de sitajony le 05/11/2009 14:14:43

Oui sa revient pareil mais moi j'ai pas de mollette sur mon pc portable sans molettee et je pense que d'autre son dans la même situation que moi ou qui n'ont pas de mollette sur leur souris c'est plus facile...

Commentaire de kazma le 05/11/2009 20:22:48 administrateur CS

bonjour

ou qui n'ont pas de mollette sur leur souris

0.005 % de la population

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

navigation dans un site [ par zetrueneo ] Coucou tout le monde,j ai un soucis avec le stage quie je suis en train de faire...en effet je dois creer une barre de navigation qui permette a l uti iframe + navigation [ par rhum07 ] Bonjour.J'ai une page html qui contient une iframe &#224; gauche (nomm&#233;e gauche) et une au centre de ma page(nomm&#233;e principal).La iframe de Refonte de mon site, quel type de navigation choisir ??? [ par raoulv ] Bonjour, Je pr&#233;pare la refonte de mon site. Est-il possible d'afficher sur chaque page d'un site un bouton retour flottant ? C'est &#224; d Barres de navigation dans une page [ par DAVIMIKA ] Bonjour,Je voudrais supprimer l'affichage des barres de navigation sur ma page, et en mettant ce code cela ne fonctionne pas.comment faire ?Body {     Navigation : revenir page d'entrée [ par robodes ] Bonjour,J'ai 2 pages possibles d'entrée A et B,vers une page C ... qui a une suite en page D,QUESTION : comment revenir de D, à la page A ou B, suivan créer une télécommande de navigation [ par aegis64fr ] aegis64Bonjour à tous,J'ai réalisé un site en html et je le trouve un peu ringard.Pour lui donner du fun j'envisage de refaire la page principale sous Gestion de deux fenêtre HTML [ par kiki49 ] Bonjour,Mon but est de d'ouvrir des page .pps à partir d'une page de base en html + javacript en utilisant différentes touches du clavier, tout cela s Barre d'outils en js. [ par Johnie ] Bonjour,Tout d'abord merci de prêter attention à mon problème. Je ne suis pas un expert en javascript loin de là, et dans le cadre d'un projet je dois tester page existante sinon redirection [ par bibinouchka ] Bonjour, Voila, je génère un site web à partir d'un outil de modélisation. Dans ce site, j'ai un menu et chaque catégorie de mon menu me permet d'accé Click = 1 page + 1 popup [ par sohan57 ] Salut voila je viend de trouver le code suivant :&lt;div align="center"&gt;&lt;A HREF="http://sombresaqme.chez.tiscali.fr/Pages/Galeries/Le%20Groupe/i


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 : 4,056 sec (3)

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