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

JavaScript Discussion :

zindex div draggable


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Par défaut zindex div draggable
    Bonjour,

    J'ai besoin d'aide sur des div draggables.
    Voici la structure:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <DIV class=box id=boxHandle1 style="Z-INDEX: 1; FILTER: alpha(opacity=100); LEFT: 149px; POSITION: relative; TOP: 215px; opacity: undefined">
    <DIV class=lefthandle id=lefthandle1></DIV>
    <DIV class=righthandle id=righthandle1></DIV>
    <DIV id=boxContent1 contentEditable=true><FONT size=7>ici votre image ou votre texte</FONT></DIV></DIV>
    Donc le div boxHandle1 est draggable, et pour le dragger, il faut maintenir la souris enfoncée sur le div lefthandle1...

    Ca marche bien, sauf quand je met trop de contenu dans le div boxContent1.
    Dès que la hauteur du contenu de ce div dépasse la hauteur du div lefthandle, je n'arrive plus a cliquer sur le div lefthandle...

    Comme si le contenu du div boxContent1 avait un zindex supérieur au zindex du div lefthandle...

    Comment faire pour pouvoir toujours cliquer sur le div lefthandle?

    Merci d'avance pour vos réponses.

  2. #2
    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
    est tu sur qui'l ne prends pas le clic ou est ce juste qu'il n'est plus dragguable vu qu'il est trop grand et ne peux pas bouger au sein de son conteneur ?
    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 !

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Par défaut
    Je suis sur qu'il ne prend plus le clic, car ce div change d'opacité onmouseon...

    Comment se comporte un div avec le contenu editable?
    Pourquoi il ne me permet plus de cliquer sur le div lefthandle?

  4. #4
    Membre éprouvé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    818
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Drôme (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2005
    Messages : 818
    Par défaut
    J'ai trouvé!!
    En fait, comme mon div lefthandle n'avait pas de fond(donc par default transparent), le div editable passait en priorité...

    Du coup j'ai mis en background du div lefthandle un pixel transparent en repeat, et maintenant, ca marche niquel...

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

Discussions similaires

  1. [HTML 5] [Impossible] Div Draggable sur IE9
    Par martic dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 13/08/2012, 11h37
  2. Div draggable et z-index
    Par Catalyst dans le forum jQuery
    Réponses: 2
    Dernier message: 10/02/2012, 11h31
  3. Créer une div draggable et contentEditable
    Par Vortexia dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 04/01/2012, 22h02
  4. Zindex avec draggable.
    Par remrem59 dans le forum jQuery
    Réponses: 1
    Dernier message: 21/09/2009, 17h23
  5. [AJAX] Bug IE : ma div draggable ne suit pas mon scroll horizontal
    Par kazai dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/06/2008, 09h59

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