prototype.js, lien sur un drag and drop [Résolu]

estampille · 16/08/2007, 12h26

Bonjour,

voila j'utilise la librairie prototype.js pour effectuer un magnifique drag n drop, jusque la ca marche...
sauf que dans la div que je déplace, j'ai un lien <a href=.....> si je fais le drag n drop SUR le lien, forcement ca ouvre le lien quand je lache la souris.
Vous savez s'il y a une solution pour éviter ca? genre si je clique et que je bouge la souris alors c'est un dnd, si je clic alors c'est le <a href..>.

si ca tenez qu'a moi je ferai autrement, genre mettre une barre en haut de la div seulement pour le dnd.. mais ca tiens pas qu'a moi..
bref si vous pouvez m'aider !

Nosty · 16/08/2007, 15h05

Je ne suis pas un expert en AJAX, et encore moins en prototype.js mais pourrais tu remplacer ton <a> par un simple texte ? comme ça tu pourras mettre tes évennements personnalisés sans qu'il y ai de problèmes ... enfin j'espère

Tober · 16/08/2007, 15h21

peut être en disant que si tu fais un onmousedown qui met un booléen à vrai, et si tu fais un onmousemove quand c'est a vrai (alors tu déplaces ton composant) donc tu mets un autre booléen à vrai pour dire de pas activer le lien, et tu fais un onclick, toujours dans le lien, qui fait un return false; (pour annuler le clic du lien je crois...)
en tout cas le onclick="return false;" marche, essaye :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="http://www.google.fr" onclick="return false;">a</a>

Tober · 16/08/2007, 15h29

plus précisement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<script>
var down = false;
var move = false;
function appuie(){
	down = true;
}
function bouge(){
	if(down) move = true;
}
function test(){
	if(move) 
		return false;
	down = false;
	move = false;
}
</script>
</head>
<body onmousemove="bouge();">
<a href="http://www.google.fr" onmousedown="appuie();" onclick="test();">lien</a>
</body>
</html>

estampille · 21/08/2007, 10h15

Ok merci pour vos réponses, mon but était précisement de savoir comment désactiver un href, est apparement avec le return false sur le onclick ca marche donc merci pour vos réponses, (que j'ai mis du temps avoir vu que je n'ai recu aucun mail.. bref..)
je teste ca et je reviens vers vous en cas de probleme mais ca devrait fonctionner.

16/08/2007, 12h26	#1
estampille Nouveau Membre du Club Inscription : octobre 2005 Messages : 100 Détails du profil Informations forums : Inscription : octobre 2005 Messages : 100 Points : 29 Points : 29	prototype.js, lien sur un drag and drop Bonjour, voila j'utilise la librairie prototype.js pour effectuer un magnifique drag n drop, jusque la ca marche... sauf que dans la div que je déplace, j'ai un lien <a href=.....> si je fais le drag n drop SUR le lien, forcement ca ouvre le lien quand je lache la souris. Vous savez s'il y a une solution pour éviter ca? genre si je clique et que je bouge la souris alors c'est un dnd, si je clic alors c'est le <a href..>. si ca tenez qu'a moi je ferai autrement, genre mettre une barre en haut de la div seulement pour le dnd.. mais ca tiens pas qu'a moi.. bref si vous pouvez m'aider !
	00

16/08/2007, 15h21	#3
Tober Membre Expert Thomas Ingénieur développement logiciels Inscription : juillet 2007 Messages : 741 Détails du profil Informations personnelles : Nom : Thomas Âge : 27 Localisation : Luxembourg Informations professionnelles : Activité : Ingénieur développement logiciels Informations forums : Inscription : juillet 2007 Messages : 741 Points : 1 000 Points : 1 000	peut être en disant que si tu fais un onmousedown qui met un booléen à vrai, et si tu fais un onmousemove quand c'est a vrai (alors tu déplaces ton composant) donc tu mets un autre booléen à vrai pour dire de pas activer le lien, et tu fais un onclick, toujours dans le lien, qui fait un return false; (pour annuler le clic du lien je crois...) en tout cas le onclick="return false;" marche, essaye : Code : Sélectionner tout - Visualiser dans une fenêtre à part <a href="http://www.google.fr" onclick="return false;">a</a>
	00

16/08/2007, 15h05	#2
Nosty Futur Membre du Club Inscription : mai 2007 Messages : 22 Détails du profil Informations forums : Inscription : mai 2007 Messages : 22 Points : 15 Points : 15	Je ne suis pas un expert en AJAX, et encore moins en prototype.js mais pourrais tu remplacer ton <a> par un simple texte ? comme ça tu pourras mettre tes évennements personnalisés sans qu'il y ai de problèmes ... enfin j'espère
	00

21/08/2007, 10h15	#5
estampille Nouveau Membre du Club Inscription : octobre 2005 Messages : 100 Détails du profil Informations forums : Inscription : octobre 2005 Messages : 100 Points : 29 Points : 29	Ok merci pour vos réponses, mon but était précisement de savoir comment désactiver un href, est apparement avec le return false sur le onclick ca marche donc merci pour vos réponses, (que j'ai mis du temps avoir vu que je n'ai recu aucun mail.. bref..) je teste ca et je reviens vers vous en cas de probleme mais ca devrait fonctionner.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email