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 :

droppable : drop un élément contenu dans une div en overflow:hidden [UI]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    44
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 44
    Par défaut droppable : drop un élément contenu dans une div en overflow:hidden
    Bonjour,

    J’ai déjà utilisé jquery ui droppable.

    Sur un projet, j’essaye de l’utiliser et j’ai un problème avec mes css. Je ne sais pas si c’est possible ce que je veux faire.

    J’ai une liste d’éléments qui est contenu dans un div qui est en overflow :hidden.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div id="liste">
        <p id="draggable_1">Element 1</p>
        <p id="draggable_2">Element 2</p>
        <p id="draggable_3">Element 3</p>
    </div>

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #liste
    {
        overflow:hidden;
    }

    Donc, logiquement, quand j’essaye de faire un dragg d’un des éléments de la liste vers une autre div, le dragg fonctionne mais l’élément n’est plus visible lorsque je le sors de ma liste. C’est normal.

    Je me demande si il y a possibilité de contourner ce problème.

    A priori, c’est impossible, comme la div parente est en overflow :hidden.

    Est ce que vous pouvez me le confirmez ? Il y a peut-être une solution ?

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    44
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 44
    Par défaut exemple
    J'ai fait un petit fiddle pour montrer le problème :

    http://jsfiddle.net/Vinyl/rrn6L/1/

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    44
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 44
    Par défaut
    ok, j'ai la solution.

    Il faut cloner l'élément au moment ou le drag commence et l'ajouter au body avec l'option appendTo :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    helper: 'clone',
    appendTo: 'body',

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

Discussions similaires

  1. Contenu dans une DIV avec scrollbar sous IE7
    Par miltonis dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 23/03/2010, 10h59
  2. Réponses: 4
    Dernier message: 08/02/2010, 23h10
  3. [AJAX] Changement de contenu dans une div.
    Par tinoudu01 dans le forum AJAX
    Réponses: 10
    Dernier message: 01/05/2009, 12h22
  4. savoir s'il existe un <a href> dans div, elle meme contenue dans une div
    Par poupouille dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/02/2008, 20h33
  5. [CSS] Décalage de contenu dans une div
    Par Onyx91 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 25/01/2006, 15h27

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