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 :

Définir zone de superposition de 2 div


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 9
    Par défaut Définir zone de superposition de 2 div
    Bonjour,
    J'ai fait un script de drag and drop de div. Je veux maintenant pouvoir définir la zone de superposition de deux div, pour la mettre en couleu et cliquer sur cette zone mais je ne vois pas du tout comment faire en javascript.
    Est-ce qu'il existe des fonctions que je pourrais utiliser ? Si qqn a une solution ou une piste, ce serait bienvenu !
    Merci d'avance !

  2. #2
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par défaut
    bonjour, définir la zone de superposition est assez simple

    - soit les zones rectangulaires A et B
    - soit les points extrèmes haut-gauche et bas-droit de ces zones A0/A1 et B0/B1

    4 superpositions possibles :

    - xA0 <= xB0 <= xA1 et yA0 <= yB0 <= yA1, dans ce cas la zone de superposition est définie par B0 et A1

    - xA0 <= xB1 <= xA1 et yA0 <= yB0 <= yA1, dans ce cas la zone de superposition est définie par (xA0,yB0)0 et (xB1,yA1)1

    - xA0 <= xB0 <= xA1 et yA0 <= yB1 <= yA1, dans ce cas la zone de superposition est définie par (xB0,yA0)0 et (xA1,yB1)1

    - xA0 <= xB1 <= xA1 et yA0 <= yB1 <= yA1, dans ce cas la zone de superposition est définie par A0 et B1

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 9
    Par défaut Comment savoir que 2 div sont superposés ?
    Ok facile ! Merci pour la réponse !
    Juste une précision : est-ce qu'il y a une fonction qui renvoie le fait qu'un div soit sur un autre ? Je précise : quand je clique sur mon div, je récupère son id. Mais je voudrais aussi récupérer les id des div sur lesquels je clique mais qui sont sous le premier div.
    Parce que sinon, à chaque fois que je clique, il faut que je récupère les coordonnées de tous mes div et que je teste s'ils sont situés dans la zone cliquée. Mais c'est assez lourd, non ?

  4. #4
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par défaut
    Citation Envoyé par tecap Voir le message
    il faut que je récupère les coordonnées de tous mes div et que je teste s'ils sont situés dans la zone cliquée. Mais c'est assez lourd, non ?
    et oui, obligé de le faire soi-même. c'est pas franchement lourd s'il n'y a pas 10000 div. admettons que tu ais un tableau javascript (array) contenant les id des div superposables. il te suffit de boucler sur ce tableau et de tester chaque div (sauf la div courante).

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

Discussions similaires

  1. Superposition de 2 div
    Par raymon dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 21/01/2010, 11h50
  2. superposition de 2 <div />
    Par john93 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 28/09/2008, 10h39
  3. Définir que le contenu d'un div soit envoyé au formulaire
    Par pmithrandir dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 21/05/2008, 09h23
  4. comment enlever la superposition de blocs div inline ?
    Par Ekimasu dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 15/11/2007, 12h03
  5. Superposition de deux div.
    Par zulot dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 14/06/2007, 12h18

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