[HTML/Javascript] Faire glisser un div avec le curseur
Résolu
electroking
Messages postés
236
Date d'inscription
Statut
Membre
Dernière intervention
-
electroking Messages postés 236 Date d'inscription Statut Membre Dernière intervention -
electroking Messages postés 236 Date d'inscription Statut Membre Dernière intervention -
salut à tous voila ce que je cherche (mais n'arrive pas) à faire :
j'ai le code :
Et j'aimerais que ma fonction boxMove(); me permettent de déplacer mon div en le faisant glisser avec le curseur, comme pour une fenêtre windows, quand on clique en haut et qu'on fait glisser la souris, la fenêtre se déplace. Sauf qu'ici on clique sur un lien, connaissez vous un code javascript pour sa ?
Merci d'avance pour votre réponse.
j'ai le code :
<div id="box"> <a onclick="javascript: boxMove();" id="boxMove"></a> </div>
Et j'aimerais que ma fonction boxMove(); me permettent de déplacer mon div en le faisant glisser avec le curseur, comme pour une fenêtre windows, quand on clique en haut et qu'on fait glisser la souris, la fenêtre se déplace. Sauf qu'ici on clique sur un lien, connaissez vous un code javascript pour sa ?
Merci d'avance pour votre réponse.
A voir également:
- [HTML/Javascript] Faire glisser un div avec le curseur
- Comment faire apparaître le curseur sans souris - Guide
- Editeur html - Télécharger - HTML
- Fais glisser le curseur pour compléter le puzzle - Guide
- A javascript error occurred in the main process - Forum Matériel & Système
- Html br ✓ - Forum Webmastering
3 réponses
Bonjour,
Cette "box" .. tu la créé comment ?
Avec un plugin ?
C'est une fenêtre modale ou une "simple" div dans ta page ?
As tu regardé du côté du Draggable ou Droppable de Jquery ?
Tu dis que tu essayes mais n'y arrives pas... et qu'as tu donc essayé ?
PS : **** Attention ****
Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
.
Cette "box" .. tu la créé comment ?
Avec un plugin ?
C'est une fenêtre modale ou une "simple" div dans ta page ?
As tu regardé du côté du Draggable ou Droppable de Jquery ?
Tu dis que tu essayes mais n'y arrives pas... et qu'as tu donc essayé ?
PS : **** Attention ****
Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
.
je vais tester Draggable ou Droppable de Jquery et je n'ai pas dit que j'avais essayé quoi que ce soit ^^
Signature supprimée par la modération.
Signature supprimée par la modération.
Salut,
pas besoin de JQuery même si c'est pratique.
Je comprends pas l'intérêt de faire une fonction vide si vous n'avez pas mis le javascript, surtout que ça ne marchera pas comme ça car ce sont plusieurs éléments autres que le clic à prendre en charge.
Par contre vous pouvez chercher "drag and drop javascript" avec Google(ou cliquer/glisser mais c'est moins répandu comme terme).
https://www.google.fr/search?q=drag+and+drop+javascript
Comme cette réponse là qui est la recommandation officielle(et apparaît en 2ème résultat chez moi):
http://www.w3schools.com/html/html5_draganddrop.asp
pas besoin de JQuery même si c'est pratique.
Je comprends pas l'intérêt de faire une fonction vide si vous n'avez pas mis le javascript, surtout que ça ne marchera pas comme ça car ce sont plusieurs éléments autres que le clic à prendre en charge.
Par contre vous pouvez chercher "drag and drop javascript" avec Google(ou cliquer/glisser mais c'est moins répandu comme terme).
https://www.google.fr/search?q=drag+and+drop+javascript
Comme cette réponse là qui est la recommandation officielle(et apparaît en 2ème résultat chez moi):
http://www.w3schools.com/html/html5_draganddrop.asp