input text disabled avec apparence readonly

Version imprimable

15/01/2011, 22h56
bender86

input text disabled avec apparence readonly

Bonjour,

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

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 :D
15/01/2011, 23h18
stealth35
tu fais ca en CSS non ?
Code:

1 2 3 input[disabled="disabled"] { ... }
15/01/2011, 23h38
bender86

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
15/01/2011, 23h40
stealth35

Citation:

Envoyé par bender86

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 ;)
16/01/2011, 00h09
bender86

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:

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
16/01/2011, 00h22
stealth35

Citation:

Envoyé par bender86

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:

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