champ non editable ?

Bonjour !
J'aimerais en fonction du choix d'une liste rendre un champs non editable!

un truc du style :
document.getElementById(champs).style.display = 'none';
mais qui m'afficherais la valeur de ce champ, sans pouvoir le changer!
merci !

document.getElementById(champs).disabled =true

le desavantage de disabled est qu'il grise le chmaps ...

utilise pluto la propriété readonly du champs

sinon tout dépend de si tu as besoin d'utiliser le champs après ou pas, mais tu peux deguiser un div en champs ... et du coup il n'est pas editable

Merci beaucoup pour tes conseils !
1)J'ai essayé la premiere solution et ca marche, sauf que meme si le champ n'est pas editable on a l'impression visuellement qu'il est!

2)peut etre que la solution est le readonly mais je n'ai pas bien compris, cela veut- il dire que mon champ(quel que soit l'element de la liste selectionné),ne sera jamais editable?si oui, cela ne peut pas me convenir! et si non comment ?

3) pour le div, je n'ai rien compris mais es t-il possible avec cette technique de rendre le champ non editable y compris visuellement
par exemple pour rendre un champ non editable je mets dans la propriété : editable=false(par contre sur le champ en question je voudrais que dans certains cas il soit editable, donc impossible d'utiliser ce style)

pour resumé je voudrais que le champ soit display (peut etre que la je suis un peu plus clair ! :D )

Merci pour ta patience !

Code:

---

document.getElementById(champs).readonly='true';

---

je ne saisis pas bien ton souhait ...

tu veux que le champs non editable ok mais visuellement il doit être grisé ou pas ?
visible ou pas ?

http://www.htmlcodetutorial.com/form..._DISABLED.html

j'ai essayé le readonly, mais le champ est toujours editable !
cause ? : le champs en question est une cellule d'un tableau (fait avec struts),

et pour etre clair j'aimerais que ce champs soit en display!
pour le disabled ca marche, (le champ n'est pas editable), sauf qu'on a l'impression "visuellement" qu'on peut ecrire dedans!
alors que certaines cellule du tableau ne sont pas editable et "visuellement" on l'impression qu'on ne peut pas ecrire dedans!(je voudrais faire la meme chose avec le champ en question)
peut etre que si ca te parait toujours aussi confus, je pourrais t'envoyer une image!
Merci !

tu parles de champs .... pas de cellule !
c'est quoi une cellule td ou un champs input...
a moins que tu ne sois sous IE avec un contenseditable ???

voila le champs, le cellule...en question :(jsp avec struts)

Code:

---

1 2	<ctrl:columntext property="amountTTC" styleId="amountTTC_@{bean.index}" editableProperty="editable"/>

---

qui se trouve dans un tab !
donc c'est une colonne d'un tableau, et je veux appliquer le editable= false
sur toutes les cellules de la colonne (en fonction du choix d'un element d'un liste)

et il donne quoi ton code genere par struts ?
quand tu regarde le code source html ?

es t-il possible de changer l'intitulé de ma question!
En fait ce n'est pas un champs, mais plutot une colonne d'un tableau!
:oops:

oui et a mon avis tu n'es pas non plus dans le bon forum ...

Pour faire ce genre de rendu, je te suggère d'utiliser Struts-Layout

Tu as plusieurs possibilités d'apparences :
<layout:text ... mode="E,E,E"/> => champ de saisie (toujours)
<layout:text ... mode="R,R,R"/> => champ style disable (toujours)
<layout:text ... mode="I,I,I"/> => juste la valeur (toujours)

Les 3 valeurs sont fonction du mode d'affichage de la page :
1 = Création
2 = Modification
3 = Affichage

Par exemple :
<layout:text ... mode="E,R,I"/>
=> champ de saisie en mode création
=> champ de saisie en readonly en mode modification
=> champ ne contenant que la valeur en mode affichage

Ca permet de n'avoir qu'une seule page et d'adapter en fonction du mode...

J'espère avoir été assez clair...

A+

je suis dans le bon forum !
Je veux faire ca en javascript, et je suis dans le forum javascript