1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Petite astuce pour des textarea envahissants...

Petite astuce pour des textarea envahissants...

Soyez le premier à donner votre avis sur cette source.

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

Commenter

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
PhiL666 Messages postés 102 Date d'inscription mardi 15 mars 2005 Statut Membre Dernière intervention 9 juin 2006
16 mars 2005 à 18:39
bonne astuce ;-)
thewinax Messages postés 32 Date d'inscription lundi 29 décembre 2003 Statut Membre Dernière intervention 4 février 2006
11 févr. 2005 à 12:03
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....
cs_olid Messages postés 296 Date d'inscription lundi 2 septembre 2002 Statut Membre Dernière intervention 28 janvier 2008
24 nov. 2003 à 14:35
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)
cs_olid Messages postés 296 Date d'inscription lundi 2 septembre 2002 Statut Membre Dernière intervention 28 janvier 2008
17 nov. 2003 à 10:54
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
cs_reblochon Messages postés 49 Date d'inscription lundi 28 avril 2003 Statut Membre Dernière intervention 27 septembre 2004
17 nov. 2003 à 03:08
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
S'inscrire maintenant

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.

Du même auteur (cs_olid)