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 :

Javascript - Position d'un champ texte.


Sujet :

JavaScript

  1. #1
    Membre du Club
    Inscrit en
    Juillet 2003
    Messages
    73
    Détails du profil
    Informations personnelles :
    Âge : 44

    Informations forums :
    Inscription : Juillet 2003
    Messages : 73
    Points : 60
    Points
    60
    Par défaut Javascript - Position d'un champ texte.
    Bonjour,

    J'aimerai à la manière des webmail (yahoo,gmail ...) pour les saisies d'adresses email faire apparaitre une liste de possibilité de saisie sous un champ texte.

    Probleme je ne connais pas précisément la position de mon champ texte , alors comment faire pour bien caler ma div sous le champ texte ? Auriez vous une solution miracle ?

    Merci d'avance pour vos réponses.

  2. #2
    Invité
    Invité(e)
    Par défaut


    le positionnement de ce <div> n'est pas ce qui doit poser probleme. tu le mets en dessous de ton <input>, tout betement, et tu le caches quand tu n'en as pas besoin. quand tu en as besoin, tu le decouvre

  3. #3
    Membre du Club
    Inscrit en
    Juillet 2003
    Messages
    73
    Détails du profil
    Informations personnelles :
    Âge : 44

    Informations forums :
    Inscription : Juillet 2003
    Messages : 73
    Points : 60
    Points
    60
    Par défaut
    Oui mais ca va décaler tout les objets qui se trouve en dessous de ma div, non ?

  4. #4
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 681
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 681
    Points : 5 221
    Points
    5 221
    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
    <p>
    <strong>Clique sur le bouton pour faire apparaître ou disparaître la zone rouge</strong><br />
    <input type="text" />
    <input type="button" value="test" onclick="with(document.getElementById('cache').style) display= display=='none' ? 'block' : 'none' " />
     
    <div id="cache" style="position:absolute;background-color:#ff0000;height:100px">
    Peu importe le texte;<br />
    c'est pour l'exemple
    </div>
     
    </p>
     
    <p>
    Texte en partie masqué par l'élément quand il est visible;<br />
    En tout cas, rien n'est décalé dans la page;
    </p>

  5. #5
    Membre du Club
    Inscrit en
    Juillet 2003
    Messages
    73
    Détails du profil
    Informations personnelles :
    Âge : 44

    Informations forums :
    Inscription : Juillet 2003
    Messages : 73
    Points : 60
    Points
    60
    Par défaut
    merci c'est exactement ce que je cherchais

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 13/03/2007, 13h40
  2. Initialiser un champ texte avec une fonction javascript
    Par Agoye dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/06/2006, 11h26
  3. recuperer champs texte dans variable session via javascript
    Par richton95 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 10/03/2006, 14h17
  4. Réponses: 4
    Dernier message: 07/06/2005, 15h14
  5. Insérer le contenu d'un champ texte dans un JavaScript
    Par yoyot dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 17/02/2005, 14h12

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