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

jQuery Discussion :

Lien draggable help


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Février 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 2
    Par défaut Lien draggable help
    Bonjour,
    j'essaye de rendre un lien déplacable (lien-image grâce à un background dans du css), mais le problème vient du fait que lorsque je déplace le lien, puis relâche le bouton de la souris, le navigateur charge la page du lien..
    Je cherche donc à faire en sorte que le navigateur suive le lien uniquement s'il y a juste un bref clic dessus (comportement normal d'un lien), par contre si l'on clique sur le lien en le déplaçant, puis on le relâche, le navigateur ne le suive pas (désactivation du lien avec "preventDefault();")
    Voici mon code :
    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
     
    $(document).ready(function () {  
     
    		$("a#lien").click(function() {
     
    			$(this).mousemove(function() {					
     
    					$("a#lien").bind('mouseup', function(e) {
    						e.preventDefault();
    						e.StopPropagation();
    					});
     
     
    			});
     
    		});
    });
    Ce code n'est pas très propre, mais je n'obtiens pas de message d'erreur, sauf qu'après déplacement, mon lien continue d'être suivi..
    Je prècise que j'ai testé la fonction (preventDefault), avec le code ci dessous qui fonctionne correctement : il empêche de suivre le lien lors d'un clic.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    /*$("a#lien").click(function(e){
    		e.preventDefault();
    		window.alert("Clic");
    		});*/
    Merci.

  2. #2
    Membre émérite Avatar de cadoudal56
    Profil pro
    Inscrit en
    Février 2005
    Messages
    694
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France

    Informations professionnelles :
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Février 2005
    Messages : 694
    Par défaut
    Essaie de dupliquer le code pour l'evenement onmousedown (relachement du click)

    @+
    cadou

  3. #3
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Février 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 2
    Par défaut
    Salut, comme ça ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    $(document).ready(function () {  
     
    		$("a#lien").click(function() {
     
    			$(this).mousemove(function() {					
     
    					$("a#lien").bind('mouseup', function(e) {
    						e.preventDefault();
    						e.StopPropagation();
    					});
     
     
    			});
    l'evenement onmousedown (relachement du click)
    Sinon l'événement onmousedown c'est pas plutôt lorsque que l'on clique sur la souris (down), et onmouseup lorsque l'on relâche la souris ?

    PS : je vois que j'ai cette erreur dans firefox, lorsque je relâche la souris :
    Erreur*: e.StopPropagation is not a function

Discussions similaires

  1. Liens Draggables sans activation
    Par 7804j dans le forum jQuery
    Réponses: 7
    Dernier message: 26/06/2011, 22h26
  2. Lien qui ne fonctionne plus HTML Help Workshop
    Par Magdix dans le forum Installation, Déploiement et Sécurité
    Réponses: 1
    Dernier message: 16/10/2008, 13h37
  3. Réponses: 4
    Dernier message: 23/09/2008, 22h25
  4. Help:comment créer un lien vers mon mail?
    Par marylor dans le forum Flash
    Réponses: 3
    Dernier message: 27/03/2008, 21h05
  5. Lien ODBC - Host is not allowed to connect - Help me !
    Par Sanceray3 dans le forum Installation
    Réponses: 1
    Dernier message: 30/05/2006, 13h38

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