2009-11-03 6 views
1

Je crée une application Web. Il y a des moments où un formulaire peut être "en lecture seule". Pour simuler cela avec HTML, je l'ai fait pour que toutes les zones de texte (créées dynamiquement) qui contiennent du contenu soient désactivées. Cela fonctionne assez bien, mais s'il y a beaucoup de texte et que tout n'est pas visible à la fois (en particulier dans les boîtes multi-lignes), il n'y a pas de moyen pour l'utilisateur de faire défiler dedans. En outre, il n'est pas possible de copier et coller du texte à partir de zones de texte désactivées.Avoir une zone de texte non modifiable, mais sélectionnable

Donc ce dont j'ai besoin est une façon de faire en sorte que vous ne puissiez pas modifier le contenu d'une zone de texte, mais vous pouvez sélectionner le texte et la barre de défilement fonctionne.

En outre, je teste cela dans Firefox 3.5, mais je crois que IE a des problèmes similaires. (Quelque chose compatible avec s'il vous plaît)

Répondre

5

utilisation JS:

type d'entrée < = "text" lecture seule = "lecture seule" onfocus = "this.blur();" />

Aussi, peut-être faire un div scrollable à la place (overflow: auto; en CSS)?

+0

Il est bon de noter que pour ajouter "misc". attributs aux contrôles dynamiques en C#, utilisez control.attributes ("readonly", "readonly"); le bit onfocus ne fait rien du tout pour moi, je pense que je vais rendre le fond rouge ou quelque chose quand ils le sélectionnent pour signaler s'ils vont essayer de le modifier – Earlz

3

Qu'en est-il en utilisant simplement un élément <div> avec une hauteur/largeur statique et overflow: auto? Vous pouvez ajouter des styles supplémentaires pour lui donner l'apparence d'un <textarea>, si vous le souhaitez.

+0

Je préfère que cela ressemble à quelque chose que l'utilisateur a déjà mis (mais est maintenant verrouillé) plutôt que comme un paragraphe de texte que j'ai mis – Earlz

2

EDIT: Étiquette avalée visible. Maintenant, cela a du sens.

this.blur() rendra impossible la sélection, je pense.

<input type="text" readonly> 

devrait aider. Est-ce que HTML 4 et XHTML 1.0 sont compatibles. Ne pas savoir sur la compatibilité future si (par exemple HTML 5).

Questions connexes