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 :

Répétabilité de draggable [UI]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut Répétabilité de draggable
    Voici un fiddle de test
    http://jsfiddle.net/yQc8K/44/

    les joueurs sont déplaçables...

    si je ne réattribue pas le draggable lors du drop le joueur n'est plus déplaçable .
    Y-a-t-il une autre façon plus simple de le rendre draggable sur le drop que de réattribuer un draggable complet ?
    Ou juste externaliser la fonction
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    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
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    var myId, myCheck, myEat, myPage, origin;
    			
    $('.drag').draggable({
    	revert:"invalid",
    	helper: 'clone',
        start:function(ui){
        	myId =$(this).parent().prev().html();
            myCheck=$(this).parent().parent().find(':checked').length >0 ;  
            myEat= $(this).parent().parent().find('div.eat').html();
            myPage=$(this).parents('[id^="page"]').attr('id');
            $(this).data('myjson',{
            	"Id_drag" : myId,
                "Check_drag":myCheck,
                "Eat_drag" : myEat,
                "Page_drag" : myPage
            });
        }
    });
    
    $('.player').droppable({
    	accept : function(obj){ return obj.hasClass('drag') && $(this).is(':empty')},
        drop: function(event,ui){
        	ui.draggable.appendTo( this );
        	
        	origin=$('#'+(ui.draggable).data('myjson').Page_drag)
        				.find('td')
        				.filter(function(){ return $(this).html()==$(ui.draggable).data('myjson').Id_drag})
        				.parent();
                            
    		$(this).parent().find('div.eat').html( $(ui.draggable).data('myjson').Eat_drag ); 
    		$(this).parent().find(':checkbox').attr("checked", $(ui.draggable).data('myjson').Check_drag) ;                               
    		origin.find('.eat, .player').empty();
    		origin.find(':checkbox').attr('checked',false);
    		
        }
    });

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Arf vu comme ça ...

    J'avais pourtant auparavant exploité le append() mais sans succès, d'ou mon code tordu .

    Merci Daniel
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

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

Discussions similaires

  1. répétabilité des signaux et spectres
    Par yoann_deygas dans le forum Traitement d'images
    Réponses: 4
    Dernier message: 12/06/2007, 09h57
  2. [Prototype] Draggable et droppable incompatibles avec IE 6&7
    Par mazenovi dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 21/05/2007, 10h06
  3. zindex div draggable
    Par calitom dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 26/03/2007, 13h04
  4. JTable avec Lignes draggable
    Par Sly^iti dans le forum Composants
    Réponses: 2
    Dernier message: 07/01/2007, 13h37
  5. Fenetre draggable
    Par Seth77 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 17/05/2006, 14h14

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