Discussion :

[BROADSIDER]

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.

[Goltar]

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

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

[BROADSIDER]

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....?

[Goltar]

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 */
});

[BROADSIDER]

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?

[Goltar]

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

[NoSmoking]

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.

[BROADSIDER]

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!

[NoSmoking]

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.