Petite astuce pour des textarea envahissants...

Soyez le premier à donner votre avis sur cette source.

Snippet vu 13 232 fois - Téléchargée 28 fois

Contenu du snippet

Vous aimez les grands TEXTAREA pour taper votre texte, mais votre formulaire contient déja beaucoup de champs dont d'autres TEXTAREA ? D'autant que vos TEXTAREA contiennent de trés longs textes...

Vous êtes agacé de devoir faire défiler votre formulaire de 3 pages pour voir toutes les infos ?

ALORS, CHOISISSEZ JAVAMINE... AVEC JAVAMINE, JAVABIEN !!!

Blague à part, vous réglez votre attribut ROWS à 3 ou 4 lignes, et vous ajoutez un événement qui agrandit le TEXTAREA à une quinzaine de lignes quand il a le focus... Trop simple, non ? Mais fallait y penser, et mes clients adorent cette astuce !!! :o)

Source / Exemple :


<TEXTAREA ROWS="5" NAME="description" STYLE="width: 90%" onfocus="rows=10" onblur="rows=5">

Texte du champ TEXTAREA

</TEXTAREA>

Conclusion :


JavaMine est une marque déposée de © Netchallenge.fr

Allez voir notre dernière réalisation : (JavaMine Inside !!!)
http://www.harley-davidson-lille.com

:op

A voir également

Ajouter un commentaire Commentaires
Messages postés
102
Date d'inscription
mardi 15 mars 2005
Statut
Membre
Dernière intervention
9 juin 2006

bonne astuce ;-)
Messages postés
32
Date d'inscription
lundi 29 décembre 2003
Statut
Membre
Dernière intervention
4 février 2006

j'ai déja pus géré le retour a la lgine lorceque on appuis sur entré mais il faudra trouvé un algorithme qui puisse géré le retour automatique des mots a la lgine car il n'ya aucun caractére spécial retourné par textearea qui puisse indiqué que ce mot a put retouré a la ligne pour bien éxpliqué prenon par éxemple le suivant .
fesans un tesxtarea de col ="22" puis méttant dedan le texte suivant pour testé (Rq : on ne tape pas entrée a la fin du mot):
aaaaaaaaa bbbbbbbbbbbbbb ccccccccccccccc dddddddddd eeeeeeeeeeee ffffffffffff ggggggggg

voila je voudré un algorithme qui me calcule le nombre de ligne (7 pour ce cas)

un grand merci d'avances....
Messages postés
296
Date d'inscription
lundi 2 septembre 2002
Statut
Membre
Dernière intervention
28 janvier 2008

Allez voir zà:

http://developpeur.journaldunet.com/tutoriel/dht/031120_javascript.shtml

JDNet vient davoir la même idée... Mais eux, ils changent aussi le nombre de colonnes.

Et, za serait pô idiot de mettre 2 textarea lun à coté de l'autre pour élargir celui où on clique :o)
Messages postés
296
Date d'inscription
lundi 2 septembre 2002
Statut
Membre
Dernière intervention
28 janvier 2008

Le probleme du SELECT mit à part, il y a aussi une bonne astuce trés simple pour les trés long formulaire...

Moi, je regroupe mes champs par théme, et pour les moins importants j'utilise la propriété de style "display" pour afficher ou cacher (par défaut) ces groupes.

Allez voir ma source PHP pour "parser des caractéristiques techniques" comme exemple concret...

Avec PHPétrolan, plus de problémes pour vos yeux !!! :op
Messages postés
49
Date d'inscription
lundi 28 avril 2003
Statut
Membre
Dernière intervention
27 septembre 2004

bonjour les zoms.

Pour la premiere solution:
Avec le style position, ca ne decale pas. Regarde de nouveau l'exemple olid, j'ai ajouté des trucs autour. Seule magouille: mettre une image invisble de la largeur du select à la suite de celui-ci, vu qu'il est en position absolut, le contenu qui suit ce cache derriere (voir le source).
Par contre tu as raison la 2eme solution, meme si elle pue à mort, est plus compatible. Dans le bon vieux temps lointain ou j'avais fait ca, on pouvais la faire compatible avec NS4 (là, ce n'est pas le cas à cause des documents.all).

Pour la deuxieme solution:
Je sais cher iubito, mais lorsque j'ai fait ca, s'etait la solution la plus rapide et fonctionnel que j'avais trouvé à l'epoque. En plus le 2eme select perd toutes les methodes de surbrillances et choix par clavier en ordre alpha des entrees des options.
Par contre, j'ais fait une version 2.0 qui etait composé d'un champ texte, d'une image representant le triangle au bout des selects et d'un tableau caché; elle marchait impecable sur le meme principe. Un Array 2D remplissait le tableau caché (value et text) le onmouseover creait la surbrillance au passage des cellules et le keydown permettait grace à l'array trié, de retrouver dans l'ordre alpha les valeurs, comme dans un vrai select, directement dans le champ texte ou en surbrillance si le faut select etait developpé (tableau affiché). En plus, comme on pouvait mettre plusieurs cellules, ca ressemblait vachement au MsFlexGrid de VB. Donc la deuxieme solution, plus simple est en effet à eviter le plus possible.

A+
Philippe
Afficher les 14 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.