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

HTML Discussion :

Redimensionnement d'un textarea


Sujet :

HTML

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 124
    Points : 60
    Points
    60
    Par défaut Redimensionnement d'un textarea
    Bonjour a tous!

    Je sollicite votre aide sur un petit probleme sur lequel je bloque...

    Comment peut-on redimmensionner un textarea en fonction de la taille d'une balise <TD> qui le contient?

    pour l'instant j'ai un code javascript du genre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    '<textarea rows="15" cols="" style="width:'+ tdObj.offsetWidth +'px;" > 
      Mon Texte
    </textarea>'
    Mais cela ne marche pas terrible...

    Merci d'avance pour votre aide!

  2. #2
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 124
    Points : 60
    Points
    60
    Par défaut
    En fait le probleme ne situe pas la... Le code fonctionne.

    Le probleme est que quand le textarea est genere dans mon tableau dynamique il y a un debordement sur la page....





    Je vois pas trop quel calcul je pourrais bien faire pour eviter ca ...

  3. #3
    Membre actif
    Avatar de jlb59
    Homme Profil pro
    Retraité
    Inscrit en
    Août 2004
    Messages
    1 022
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Août 2004
    Messages : 1 022
    Points : 243
    Points
    243
    Par défaut
    Bonjour,

    Si tu mets "col="auto", ça marche pas ?

  4. #4
    Membre chevronné Avatar de Er3van
    Homme Profil pro
    Architecte Logiciel
    Inscrit en
    Avril 2008
    Messages
    1 430
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Architecte Logiciel
    Secteur : Industrie

    Informations forums :
    Inscription : Avril 2008
    Messages : 1 430
    Points : 2 227
    Points
    2 227
    Par défaut
    Si tu ne donnes aucune dimensions à ton text-area logiquement il devrait s'accomoder.

    Il y a débordement parceque ton tableau est plus grand, sans code j'peux pas vraiment te dire d'où ça vient exactement.

  5. #5
    Membre actif
    Avatar de jlb59
    Homme Profil pro
    Retraité
    Inscrit en
    Août 2004
    Messages
    1 022
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Août 2004
    Messages : 1 022
    Points : 243
    Points
    243
    Par défaut
    Comme tu dis "logiquement".

    Il m'est arrivé, dans un css soit, mais ça m'est arrivé.
    Si je ne mettait pas "auto", il y avait un débordement, et avec ça, tout était rétabli.
    Maintenant, va savoir pourquoi ????

    Je ne me souviens plus par contre si c'était appliqué à "width" ou à "height".

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 124
    Points : 60
    Points
    60
    Par défaut
    Avec col="auto" cela fonctionne a merveille... C'est aussi simple que ca! Plus besoin donc de ma bidouille en javascript En tout cas merci a tous pour votre aide!

  7. #7
    Membre actif
    Avatar de jlb59
    Homme Profil pro
    Retraité
    Inscrit en
    Août 2004
    Messages
    1 022
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Août 2004
    Messages : 1 022
    Points : 243
    Points
    243
    Par défaut
    De rien.

  8. #8
    Membre du Club
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    124
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 124
    Points : 60
    Points
    60
    Par défaut
    Apres quelques tests cela fonctionne ... mais que sur Firefox sous windows... Sur IE ca merde, Firefox sous MacOS ca merde aussi et sous safari n'en parlons pas

Discussions similaires

  1. Redimensionnement automatique TextARea
    Par leyeno dans le forum Flex
    Réponses: 8
    Dernier message: 15/03/2010, 11h27
  2. [HTML 4.0] Un textarea non redimensionnable
    Par mach2Toulon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 19/02/2010, 23h14
  3. Redimensionnement des textarea sous safari
    Par ctrl+z dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 04/12/2008, 16h07
  4. redimensionnement d'un textarea
    Par vasilov dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 17/06/2008, 11h27
  5. Redimensionnement automatique textarea
    Par nico-pyright(c) dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 01/04/2005, 11h48

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