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

Mise en page CSS Discussion :

div relative inputText


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Octobre 2006
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 19
    Par défaut div relative inputText
    Bonjour,

    Je fais de l'autocompletion sur des champs de type inputText. Pour cela je regroupe la liste des suggestions dans une div. J'aimerais que la div s'affiche relativement au champ input, ceci me permet d'utiliser ma faonction à différents endroit sans avoir à ajuster le css. Quelqu'un a une idée?

    Merci

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    73
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2006
    Messages : 73
    Par défaut
    Le soucis que je rencontre est que pour positionner ta div, il faudrait qu'elle soit le fils de ton input pour pouvoir la positionner. Or ce n'est pas possible ...

    Une solution serait de créer une div mère dans laquelle tu positionnerais ton input et ta div d'autocompletion. En les positionnant à l'intérieur, tu pourrais bouger les deux en même temps en modifiant juste le positionnement de la div mère.

    Ca reste quand même à vérifier mais c'est une idée

  3. #3
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Salut,

    La solution de TotorLeCastor me parait pas mal, je pense que c'est comme cela que j'aurais procédé.
    Si tu ne veux pas ajouter d'élément pour des raisons de sémantique ou autre, sache qu'il est possible en avascript de récupérer la position et la dimension des éléments de ta page.
    Il te sufirait donc de récupérer ces infos sur tes input et de les redéfinir sur le div en fonction de ce que tu as récupéré.
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  4. #4
    Membre averti
    Inscrit en
    Octobre 2006
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 19
    Par défaut
    Citation Envoyé par TotorLeCastor
    Le soucis que je rencontre est que pour positionner ta div, il faudrait qu'elle soit le fils de ton input pour pouvoir la positionner. Or ce n'est pas possible ...

    Une solution serait de créer une div mère dans laquelle tu positionnerais ton input et ta div d'autocompletion. En les positionnant à l'intérieur, tu pourrais bouger les deux en même temps en modifiant juste le positionnement de la div mère.

    Ca reste quand même à vérifier mais c'est une idée
    Effectivement c'est l'idée que j'ai eu en fin de journée. Je vais le tester puis je vous tiens au courant. Merci bien.

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

Discussions similaires

  1. Floats dans une DIV Relative : hauteur
    Par vinze60 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/12/2010, 15h50
  2. Problème de décalage avec un DIV relative
    Par lvr dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 20/10/2007, 19h33
  3. DIV en absolute d'un DIV relative mal positionné avec IE6
    Par Stessy dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 27/02/2007, 16h47
  4. Réponses: 4
    Dernier message: 28/06/2006, 15h32
  5. obtenir le top et left d'une div relative
    Par mezca_spider dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 02/05/2006, 14h03

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