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

HTML Discussion :

input text disabled avec apparence readonly


Sujet :

HTML

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    306
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2008
    Messages : 306
    Par défaut input text disabled avec apparence readonly
    Bonjour,

    mon problème est simple mais trop compliqué pour moi

    Voilà j'ai un champ text que je disabled parce qu'il est lié à un calendrier dhtmlx et si je le mets en readOnly seul, le calendrier s'ouvre quand je clique sur la zone text.

    Le problème est qu'il y a d'autres champs text qui eux sont en readOnly et donc niveau design c'est pas top et je ne peux pas disabled tous les autres text.

    Auriez vous une solution pour que mon champs apparaisse en readOnly mais que le calendrier lié ne s'ouvre pas quand je rentre dans la zone.(comme c'ets le cas pour le moment quand il est disabled)

    Je vous remercie d'avance de vos solutions

  2. #2
    Expert confirmé

    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    7 920
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 7 920
    Par défaut
    tu fais ca en CSS non ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    input[disabled="disabled"] {
    ...
    }

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    306
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2008
    Messages : 306
    Par défaut
    Non en fait j'ai juste mis disabled=disabled sur le champ lui même par défaut et losqu'on clique sur un bouton je disabled le bouton en javascript

  4. #4
    Expert confirmé

    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    7 920
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 7 920
    Par défaut
    Citation Envoyé par bender86 Voir le message
    Non en fait j'ai juste mis disabled=disabled sur le champ lui même par défaut et losqu'on clique sur un bouton je disabled le bouton en javascript
    je te disais de faire ca en CSS pour mettre ton style

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    306
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Mai 2008
    Messages : 306
    Par défaut
    Je suis pas du tout un pro avec les css tu peux m'expliquer comment je dois faire
    (J'ai déjà un fichier css que j'inclus à ma page avec un link)

    si j'ai mon champ

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo '<input type="text" id="dateFin" name="dateFin"  tabindex="9" value="'.$dateFin.'" style="background-color : #FFFAA9;" disabled="true" onFocus="create(2)";>';
    Merci de ton aide

  6. #6
    Expert confirmé

    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    7 920
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 7 920
    Par défaut
    Citation Envoyé par bender86 Voir le message
    Je suis pas du tout un pro avec les css tu peux m'expliquer comment je dois faire
    (J'ai déjà un fichier css que j'inclus à ma page avec un link)

    si j'ai mon champ

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    echo '<input type="text" id="dateFin" name="dateFin"  tabindex="9" value="'.$dateFin.'" style="background-color : #FFFAA9;" disabled="true" onFocus="create(2)";>';
    Merci de ton aide
    c'est juste le css pour modifier les champs input qui sont disabled, a toi de rajouter le style que tu veux et l'ajouter a ton fichier css

Discussions similaires

  1. Test d'un input text dynamique avec js
    Par alaska750 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 23/09/2009, 06h49
  2. Ne valider que les champs <INPUT TEXT apparent
    Par bilou95 dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 25/05/2007, 16h14
  3. perte de focus lors de la creation d'input text avec innerhtml
    Par arnobidul dans le forum Général JavaScript
    Réponses: 27
    Dernier message: 14/06/2006, 17h49
  4. Form + input text avec espace
    Par psykbe dans le forum Langage
    Réponses: 3
    Dernier message: 23/02/2006, 14h22
  5. Rendre un input text readonly
    Par Oluha dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 15/09/2005, 15h26

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