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 :

INPUT BOX, Centrer la saisie.


Sujet :

JavaScript

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    155
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 155
    Points : 94
    Points
    94
    Par défaut INPUT BOX, Centrer la saisie.
    Bonjour,
    je commence depuis peu le js,
    voilà, j'ai un petit soucis pour lequel je n'ai pas encore trouvé de réponse:
    j'ai une inputbox comme ceci:
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type=text style="position:absolute;top:36px;left:73px;z-index:1" size=1 maxlength=3 id="nb1" onkeyup="TestChangeFocus(1,2)" value="">

    je voudrais d'une part pouvoir centrer la saisie qu'elle se fasse par le milieu de l'inputbox (hors là, même en mettant Align=CENTER, çà ne marche pas)

    D'autrepart, en revenant sur ma page, les valeurs contenues dans mes inputbox restent inchangées, hors je pensais que value="" devait me reinitialiser ma box? Comment Faire?

    merci d'avance

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 130
    Points
    44 130
    Par défaut
    Bonjour,
    utilisation de text-align:center

  3. #3
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 647
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 647
    Points : 11 136
    Points
    11 136
    Par défaut
    bonjour,

    quelques petites remarques. Prends l'habitude de placer toutes les valeurs des attributs entre guillemets

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" style="position:absolute;top:36px;left:73px;z-index:1" size="1" maxlength="3" id="nb1" onkeyup="TestChangeFocus(1,2)" value="">

    tu peux également remplacer cet attribut et ses valeurs par une classe CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    style="position:absolute;top:36px;left:73px;z-index:1"
    devient, avec l'alignement du texte au centre du conteneur (code CSS à ajouter dans l'entête du fichier HTML):
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    <style type="text/css">
    .styleInput{
         position: absolute;
         top: 36px;
         left: 73px;
         z-index: 1;
         text-align: center;
    }
    </style>
    puis dans le code HTML :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" class="styleInput" size="1" maxlength="3" id="nb1" onkeyup="TestChangeFocus(1,2)" value="">

  4. #4
    Membre régulier
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    155
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 155
    Points : 94
    Points
    94
    Par défaut
    merci!

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

Discussions similaires

  1. [XL-2007] en vba excel saisie semi automatique dans input box
    Par IfIknow dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 07/12/2009, 17h49
  2. [VBA-E] Saisie d'une date dans une Input Box
    Par nicobox dans le forum Macros et VBA Excel
    Réponses: 15
    Dernier message: 31/05/2006, 20h51
  3. Input Box en eVC++
    Par Bason_sensei dans le forum MFC
    Réponses: 2
    Dernier message: 28/10/2005, 17h30
  4. diferrence en cancel et "" dans input box
    Par shirya dans le forum VB 6 et antérieur
    Réponses: 4
    Dernier message: 29/09/2005, 19h30
  5. Contenu d'un champ tronqué dans mon input box
    Par Marmot dans le forum ASP
    Réponses: 2
    Dernier message: 27/10/2004, 13h30

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