IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Retour a la ligne dans un textarea quand le mot est trop long


Sujet :

JavaScript

  1. #1
    Membre habitué Avatar de avogadro
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 412
    Points : 188
    Points
    188
    Par défaut Retour a la ligne dans un textarea quand le mot est trop long
    Bonjourrrrrr

    alors, mon problème (ui encore un, faut croire que je les cherche lol) est que j'ai un textarea, avec un nombre défini de cols et rows mais c'est pas trop le probleme, parce que bien qu'il y ai cols ou rows dans les propriétés du textarea, quand on fait un mot trop long (genre les floodeurs qui laissent le doigt appuyé sur une touche super longtps) il dépasse quand meme de la zone du textarea...

    Pour cela, je me demandais si quelqu'un avait deja utilisé un script similaire...

    Merci

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 644
    Points : 66 671
    Points
    66 671
    Billets dans le blog
    1
    Par défaut
    regadre du coté des propriétés css text-wrap ...

    plus préciément wrap= soft / hard / physical / virtual / off

  3. #3
    Membre habitué Avatar de avogadro
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 412
    Points : 188
    Points
    188
    Par défaut
    c'est bien connu, ca marche pas sous firefox...

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 644
    Points : 66 671
    Points
    66 671
    Billets dans le blog
    1
    Par défaut
    même pour virtual et physical ? ce n'est pas ce que j'ai pu lire sur le net ...

  5. #5
    Membre habitué Avatar de avogadro
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    412
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2006
    Messages : 412
    Points : 188
    Points
    188
    Par défaut
    j'ai repris cette exemple et j'ai laissé le doigt appuyé sur une touche, ca dépasse (que sous FF)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    <HTML>
    <head><Title>Example For wrap</Title></head>
    <BODY>
    <textarea wrap="soft" rows="4">
    Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
    <textarea wrap="off" rows="4">
    Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
    <textarea wrap="hard" rows="4" cols="" style="width:200px;overflow: scroll;" />
    Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
    <textarea wrap="virtual" rows="4" cols="" style="width:200px;overflow: scroll;" />
    Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
    <textarea wrap="physical" rows="4" cols="" style="width:200px;overflow: scroll;" />
    Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
    <textarea wrap="hard" rows="4" cols="" style="width:200px;" />
    Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
    <textarea wrap="virtual" rows="4" cols="" style="width:200px;" />
    Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
    <textarea wrap="physical" rows="4" cols="" style="width:200px" />
    Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text 
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </textarea>
     
    </BODY>
    </HTML>

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 644
    Points : 66 671
    Points
    66 671
    Billets dans le blog
    1
    Par défaut
    il ne te reste plus qu'a faire un faux textarea avec un div et lui associer un textarea hidden ..

Discussions similaires

  1. Retour la ligne dans champs textarea
    Par hoangeric dans le forum Dreamweaver
    Réponses: 0
    Dernier message: 15/07/2009, 22h27
  2. [DOM] Insérer retours de lignes dans un textarea
    Par Ralfman68 dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 17/02/2009, 14h06
  3. [AJAX] Retour à la ligne dans un Textarea
    Par viklaus83 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 26/02/2008, 11h40
  4. [AJAX] Retour à la ligne dans un textarea
    Par FredFrance21 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/12/2007, 00h20
  5. Retour à la ligne dans un <textarea>
    Par mello dans le forum Langage
    Réponses: 3
    Dernier message: 30/10/2007, 11h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo