begin process at 2010 03 21 12:15:27
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > PETITE ASTUCE POUR DES TEXTAREA ENVAHISSANTS...

PETITE ASTUCE POUR DES TEXTAREA ENVAHISSANTS...


 Information sur la source

Note :
7,75 / 10 - par 4 personnes
7,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Débutant Date de création :04/11/2003 Date de mise à jour :07/11/2003 20:46:08 Vu :10 218

Auteur : olid

Ecrire un message privé
Site perso
Commentaire sur cette source (14)
Ajouter un commentaire et/ou une note

 Description

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

  • <TEXTAREA ROWS="5" NAME="description" STYLE="width: 90%" onfocus="rows=10" onblur="rows=5">
  • Texte du champ TEXTAREA
  • </TEXTAREA>
<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


 Sources du même auteur

AFFICHAGE AGRÉABLE D'UNE DATE DE PUBLICATION (EN ANGLAIS)
CALCULER L'ARRONDI D'UN PRIX ET LE METTRE EN FORME POUR L'AF...
ALTERNATIVE CONVIVIALE AUX REDIRECTIONS SI FRAMES ABSENTS (V...
BARRE DE DÉFILEMENT (SCROLLBAR) QUI CHANGE DE COULEUR AU SUR...

 Sources de la même categorie

DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE par SoftDeath
IMPLEMENTATION DE RANDOM PERSONNALISÉ par ousous
IMPLEMENTATION DE HASHTABLE par ousous
JAVASCRIPT.UTIL.ITERATOR par ousous
Source avec Zip Source avec une capture PALETTE DE COULEURS par titnome

Commentaires et avis

Commentaire de phm le 05/11/2003 08:56:23

merci pour cette astuce olid !
bravo !

Commentaire de reblochon le 07/11/2003 16:49:38

Belles motos. Il ne manque que BB dessus les cheveux dans le vent. Dommages qu'elle est moins bien veillie que les becanes.

Pour le bout de code:
J'aurais juste rajouté  onblur="rows=5" pour que les fenetres reprennent leur forme apres. Javamieux.

A+
Philippe

Commentaire de olid le 07/11/2003 20:43:44

Merci...Reblochon (nif nif...passe pô dans l'ADSL l'odeur ?!!).

Et pour ta remarque, cetait trivial, non ? ...bon, je vais quand meme ajouter ta contribution :op

Par contre, il y a un pb du même style que j'arrive pô à résoudre... Avec les listes déroulantes, je bloque souvent la largeur (en pixel ou pourcentage). Mais les textes des options sont trop longs, on voit pu la fin :o(

Quelques aurait une idée ?

Commentaire de iubito le 14/11/2003 07:30:18

mettre des styles css avec des polices plus petites, idem pour les textarea, le site pour les clients est tout en Arial 8 (la norme de la boîte c pa moi ki choisit) donc des petits textarea y'a bcp de choses ki rentrent dedans.
Un autre truc que les clients peuvent apprécier, mes champs en readonly, je leur met un style="background: url(image.gif);" avec une image légèrement grisée :)

Commentaire de olid le 14/11/2003 08:21:08

8 pixel !!!! :o.

Bin...chais pô pour toi, mais mes clients se plaignent plutot de pô savoir lire confortablement quand on a une taille en dessous 12 pixel (en moyenne, ils zont 45ans) :o|

Et franchement, meme pour moi, 10/10, 8 pixel zest fatiguant à lire :op

Commentaire de iubito le 14/11/2003 09:05:19

c clair ! mais bon... c comme sur les sites codes-source, pour lire les commentaires, c'est fatiguant au bout d'un moment... ici c du Verdana 10PX et mon appli c'est du Arial 8PT.

Commentaire de reblochon le 15/11/2003 21:32:12

salut olid

essayes ca:
http://pages.infinit.net/glopglop/local/exemple/select_resize.htm

sinon dans le genre arnaque, j'avais trouvé ca dans mes debuts:
http://pages.infinit.net/glopglop/local/exemple/select.htm

bonne journee
Philippe

PS: Si quelqu'un trouve ca bien et a le temps de mettre ca en forme sur javascriptfr, ca serait sympa.

Commentaire de olid le 16/11/2003 00:02:08

Bien vu, reblochon (sent bon zelui là :op !!!)...

Je prefere ta deuzieme solution car dans la premiere les elements à droite du select seront déplacés lors du click :o(

Parcontre, il faudrait ameliorer pour que le contenu de la liste soit dans ton premier select et que l'autre select recupere les elements et se dimensionne automatiquement selon le nombre... ainsi, notre formulaire pourrait qd meme marcher avec des vieux navigateurs (ou ceux qui gére pô les styles par Javascript)

Commentaire de iubito le 16/11/2003 21:02:36

la 2e solution pue à mort !!!!
en fait elle contient seulement un &lt;option&gt; on le voit apparaître un moment, et si on rempli le formulaire au clavier, on n'aurai jamais les autres !
à éviter !!!!

Commentaire de reblochon le 17/11/2003 03:08:26

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

Commentaire de olid le 17/11/2003 10:54:27

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

Commentaire de olid le 24/11/2003 14:35:21

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)

Commentaire de thewinax le 11/02/2005 12:03:04


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....

Commentaire de PhiL666 le 16/03/2005 18:39:35

bonne astuce ;-)

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,608 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales