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

  1. #1
    Membre du Club Avatar de BROADSIDER
    Homme Profil pro
    Étudiant
    Inscrit en
    janvier 2019
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Charente (Poitou Charente)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : janvier 2019
    Messages : 59
    Points : 41
    Points
    41

    Par défaut Autoriser le drag android

    Bonjour,
    je suis actuellement entrain de creer un site utilisant le drag and drop j'ai terminé la programmation du drag and drop sur ordi avec les conditions... Mais sur telephone sa ne fonctionne pas. J'ai deux types d'objet a dragé des liste et des images, pour les listes pas de souci mais pour les images si l'ont laisse le doigt appuyer dessus sa nous propose: télecharger, ouvrir dans une nouvelle fenêtre... Et je n'arrive pas a trouver comment régler mon probleme qui est indispensable, j'espere que quelqu'un pourra me guider.

  2. #2
    Membre habitué Avatar de Goltar
    Homme Profil pro
    Eternel Etudiant Curieux
    Inscrit en
    mars 2011
    Messages
    212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Eternel Etudiant Curieux
    Secteur : Arts - Culture

    Informations forums :
    Inscription : mars 2011
    Messages : 212
    Points : 132
    Points
    132

    Par défaut

    Pour ma part je regarderais du côté de 'preventDefault()'

    https://developer.mozilla.org/fr/doc...preventDefault

  3. #3
    Membre du Club Avatar de BROADSIDER
    Homme Profil pro
    Étudiant
    Inscrit en
    janvier 2019
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Charente (Poitou Charente)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : janvier 2019
    Messages : 59
    Points : 41
    Points
    41

    Par défaut

    Et de qu'elle maniere dois-je m'en servir? En bloquant l'action par defaut de proposer de télécharger l'image ect....?

  4. #4
    Membre habitué Avatar de Goltar
    Homme Profil pro
    Eternel Etudiant Curieux
    Inscrit en
    mars 2011
    Messages
    212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Eternel Etudiant Curieux
    Secteur : Arts - Culture

    Informations forums :
    Inscription : mars 2011
    Messages : 212
    Points : 132
    Points
    132

    Par défaut

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    document.getElementById("tonImage").addEventListener("click", function(event){
      event.preventDefault()
    /* + code de ce que tu désire qui soit fait */
    });

  5. #5
    Membre du Club Avatar de BROADSIDER
    Homme Profil pro
    Étudiant
    Inscrit en
    janvier 2019
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Charente (Poitou Charente)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : janvier 2019
    Messages : 59
    Points : 41
    Points
    41

    Par défaut

    Merci mais ma question c'est justement ce que je dois demander en fonction pour pouvoir déplacer l'image, est ce qu'il faut seulement empecher la fenetre qui propose de télécharger de s'ouvrir? ou bien mettre une ligne de code autorisant le deplacement d'image sur android? Ou bien il faut il un code xml?

  6. #6
    Membre habitué Avatar de Goltar
    Homme Profil pro
    Eternel Etudiant Curieux
    Inscrit en
    mars 2011
    Messages
    212
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Eternel Etudiant Curieux
    Secteur : Arts - Culture

    Informations forums :
    Inscription : mars 2011
    Messages : 212
    Points : 132
    Points
    132

    Par défaut

    En nous montrant la partie de code qui coince, on pourrait se faire une idée des modifs à apporter pour t'aider.

  7. #7
    Modérateur

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

    Informations forums :
    Inscription : janvier 2011
    Messages : 13 705
    Points : 33 370
    Points
    33 370

    Par défaut

    Bonjour,
    pour que le comportement par défaut ne soit pas pris en compte il ne faut pas mettre les événements déclencheur du Drag&Drop sur les images mais sur leur conteneur et de plus il faut également que celles-ci, les images, ne perçoivent pas l'événement.

    Si l'on se réfère à ce que tu as écris dans tes précédentes discussion ta construction est la suivante :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <p class=floatleft> <img data-value2=25 data-value=39 class=product id=Cadre_Fireblade src =/theo.briollet/projet07_projetbac/images/Cadre_Fireblade.jpg height=140width=140> <br/>Cadre_Fireblade</br>39pts-25€ <br/>
    déjà comme cette structure n'est pas des plus propre, pour ne pas dire horrible, je te propose de repartir sur une du type
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <figure>
      <img data-value="25" data-points="39" src ="/theo.briollet/projet07_projetbac/images/Cadre_Fireblade.jpg">
      <figcaption>Cadre_Fireblade<br>39pts-25</figcaption>
    </figure>
    le style des images est à mettre dans la partie <style>.

    Les événements de « Drag&Drop » sont dans ce cas à appliquer aux éléments <figure>, cela ne va pas changer grand chose par rapport à ce qui a été dit dans le discussion Drag & Drop Bug de mise à la poubelle, à voir pour la suite.

  8. #8
    Membre du Club Avatar de BROADSIDER
    Homme Profil pro
    Étudiant
    Inscrit en
    janvier 2019
    Messages
    59
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Charente (Poitou Charente)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : janvier 2019
    Messages : 59
    Points : 41
    Points
    41

    Par défaut

    C'est ce que j'ai fait, j'ai transformé les images en vignette avec un conteneur englobant le nom et l'image et ca fonctionne ! Reste plus qu'a savoir comment faire sur ios je met le sujet resolu mais si quelqu'un peux me guider pour ios se sera avec plaisir!

  9. #9
    Modérateur

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

    Informations forums :
    Inscription : janvier 2011
    Messages : 13 705
    Points : 33 370
    Points
    33 370

    Par défaut

    Reste plus qu'a savoir comment faire sur ios je met le sujet resolu mais si quelqu'un peux me guider pour ios se sera avec plaisir!
    Can I Use Drag and Drop.

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

Discussions similaires

  1. [Tree][Drag & Drop] Autorisation / Interdiction
    Par nikko49 dans le forum Ext JS / Sencha
    Réponses: 1
    Dernier message: 02/11/2013, 11h53
  2. Réponses: 0
    Dernier message: 23/10/2012, 12h10
  3. Autoriser android à lire un fichier sur apache
    Par anastunisie dans le forum Android
    Réponses: 5
    Dernier message: 19/04/2011, 11h07
  4. autoriser ou interdire drag and drop
    Par mermich dans le forum Flex
    Réponses: 3
    Dernier message: 27/03/2008, 17h13

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