IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Adaptation pour écran tactile


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 130
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 130
    Par défaut Adaptation pour écran tactile
    Salut

    Jusqu’à maintenant dans l'un de mes programmes, j'utilisai l’évènement onclick, et détectai la touche clavier (window.event.)Alt ou Maj ou Ctrl associé.

    Voulant donner la possibilité d'utiliser le dit programme avec une tablette ou telephone mobile, je me suis informé sur les évènements TOUCHE et POINTER.
    Je ne trouve pas comment récupérer/différencier l'évènement tactile équivalant à onclick + Alt, onclick+ Maj ou onclick+ Ctrl.

    Le onclick doit se produire sur une carte géographique contenue dans un <div> l’endroit cliqué me permettant de récupérer les coordonnées x et y (latitude,longitude).

    Merci de vos lumières, en espérant que cela soit possible de déclencher l’évènement.
    Si cela peut aider à comprendre mon besoin, un des programmes en ligne
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 666
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 666
    Par défaut
    je n'ai pas trouvé le code javascript dont vous parlez dans la page avec la carte.

    d'après la documentation, PointerEvent hérite de MouseEvent et possède donc des propriétés comme "ctrlKey" :
    https://developer.mozilla.org/fr/doc...API/MouseEvent
    https://developer.mozilla.org/fr/doc...I/PointerEvent

  3. #3
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 130
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 130
    Par défaut
    Salut

    Merci de intéresser à mon problème.
    Sur un ordi non tactile, on clique avec la souris tout en appuyant sur une touche clavier.
    Avec un écran tactile on clique/touche l'écran avec le doigt, mais on n'a pas de clavier dans le même temps.
    Citation Envoyé par Mathieu
    je n'ai pas trouvé le code javascript dont vous parlez dans la page avec la carte.
    désolé, en effet le code JS est minimisé, voici le code utilisé
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    			function QRZmobile(e) {
    				let coordon = e.latlng;
    				if (window.event.ctrlKey) {
    //...........................plus loin dans la même fonction ..........................................
    				if (window.event.altKey) {
    La fonction QRZmobile est déclencher avec le onclick sur la <div> contenant la carte.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if (event.shiftKey != true){return}
    dans une autre fonction suite au onclick sur un autre <div>.

    Je ne voudrai pas ajouter 3 boutons bascule, on touche l'écran sur un bouton "Alt" ou "Ctrl" ou "MaJ", puis on touche sur la carte ........ pas très ergonomique pour l'utilisateur .......
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  4. #4
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 666
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 666
    Par défaut
    quelles sont les fonctions de ces touches ?
    d'après ce que j'ai testé, MAJ sert à dézoomer. ce que j'ai vu souvent c'est l'utilisation de 2 doigts pour zoomer et dézoomer, peut-être que leaflet le gère déjà, je n'ai pas de matériel pour essayer cela.
    pour CTRL, j'ai vu que ça place un curseur. peut-être que ça peut être remplacé par un appui long qui affiche un menu radial avec plusieurs choix.
    et pour ALT, je n'ai pas trouvé.

  5. #5
    Expert confirmé
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 130
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 69
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 130
    Par défaut
    Re


    J'ai besoin, justement, d'avoir un "masque" pour différencier les actions par défaut, déplacement de la carte, zoomer, dézoomer ....
    Citation Envoyé par Mathieu
    quelles sont les fonctions de ces touches ?
    Dans le programme sous PC écran non tactile,
    -un clique souris + touche clavier Ctrl sur la carte permet par programmation de créer un marqueur à l'endroit du clique.
    -un clique souris + touche clavier Alt sur la carte permet par programmation de créer deux marqueurs à l'endroit du clique.

    Par la suite, ses marqueurs peuvent être déplacés (futur problème aussi) et par programmation il y a actualisation de la distance entre eux.
    Une ligne peut relier les 2 marqueurs, chaque marqueurs peut retourner son adresse .....
    Quand cela sera possible sur écran tactile, restera à pouvoir déplacer les marqueurs ...... pas encore gagné

    Le truc c'est que je n'utilise que rarement des systèmes ayant un écran tactile, ce qui ajoute à ma difficulté d'appréhender cette partie utilisateur.

    En tout cas merci d'avoir déjà répondu à ma demande d'aide.
    :whistle:pourquoi pas, pour remercier, un :plusser: pour celui/ceux qui vous ont dépannés.
    saut de ligne
    OOOOOOOOO👉 → → Ma page perso sur DVP ← ← 👈

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    premier point ton IHM n'est pas top car rien ne te permet de savoir ce que tu peux faire en utilisant le clic et une touche !

    D'une façon générale il est préférable de passer par l'interface PointerEvent.


    Ceci étant ...
    Citation Envoyé par mathieu
    d'après ce que j'ai testé, MAJ sert à dézoomer. ce que j'ai vu souvent c'est l'utilisation de 2 doigts pour zoomer et dézoomer, peut-être que leaflet le gère déjà, je n'ai pas de matériel pour essayer cela.
    Le zoom/dézoom avec deux doigts est valable sur tous les supports tactiles et pris en compte par les cartes.


    Citation Envoyé par =ProgElecT
    -un clique souris + touche clavier Ctrl sur la carte permet par programmation de créer un marqueur à l'endroit du clique.
    -un clique souris + touche clavier Alt sur la carte permet par programmation de créer deux marqueurs à l'endroit du clique.
    Là je ne comprend pas vraiment la finesse !?!


    Citation Envoyé par ProgElecT
    Quand cela sera possible sur écran tactile, restera à pouvoir déplacer les marqueurs ...... pas encore gagné
    Tu n'as pas de soucis à te faire cela fonctionne parfaitement et tu n'auras même rien à écrire de plus.

    Je te propose de regarder du côté de Leaflet.Draw qui devrait t'enlever une épine du pied.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Code VB6 à adapter pour VB4
    Par Whombat dans le forum VB 6 et antérieur
    Réponses: 1
    Dernier message: 10/03/2006, 10h50
  2. Réponses: 1
    Dernier message: 07/01/2006, 15h01
  3. [DirectX] DelphiX, ou une autre adaptation pour Delphi
    Par Nicodemus dans le forum Langage
    Réponses: 1
    Dernier message: 06/10/2005, 14h07
  4. langage le + adapté pour XML ?
    Par heleneh dans le forum XML/XSL et SOAP
    Réponses: 2
    Dernier message: 07/09/2005, 18h08
  5. Langage le mieux adapté pour application client serveur ?
    Par guenus dans le forum Débats sur le développement - Le Best Of
    Réponses: 4
    Dernier message: 17/06/2002, 15h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo