Par défaut, la taille en largeur des zones de texte dans un formulaire est prédéfinie. Une petite astuce pour la rendre dynamique (sa largeur s'ajuste automatiquement à la taille de la fenêtre):

Le principe est d'encapsuler l'élément textarea du formulaire dans une div et d'appliquer une classe css à celle-ci.
Exemple pour l'élément formdhtmltextarea mais adaptable aussi facilement à l'élément formtextarea.

Editer le fichier /class/xoopsform/formdhtmltextarea.php
Dans la fonction render(), remplacer la ligne 158 (pour Xoops 2.5.6):


par:

Dans le fichier style.css de votre thème ou (directement dans xoops.css) rajouter les lignes suivantes pour définir les classes nécessaires (à adapter éventuellement selon le théme utilisé):

NB: Tous les formulaires n'étant pas forcément écrits de la même façon, vérifiez dans le code de celui-ci que la taille de l'élément 'zone de texte' n'est pas fixée à une certaine valeur (exemple ci-dessous 50)
Le cas échéant, la modifier comme suit:

Et voilà! vos zones de texte se redimensionnement maintenant automatiquement.

Pour info, le '50' que tu remplace par '100%' correspond au nombre de caractères sur une ligne. L'attribut "cols" doit être un entier supérieur à 0.

Donc ceci provoque une erreur HTML (4 et 5), suivant le DOCTYPE utilisé dans le thème (et a fortiori le navigateur) les comportements d'affichage seront différents.
Si vous le voulez dynamique, il faut intervenir sur le '50' donc plutôt comme ceci :

Au lieu d'utiliser ce modèle pour créer un textarea


utilise cet exemple


et dans le fichier ./header.php ou ./admin/admin_header (pour le coté admin)
tu rajoute la ligne suivante :


De cette façon tu peux régler la largeur dynamiquement.
Ceci est la méthode la plus simple, sinon jQuery fonctionne aussi très bien.

Merci montuy337513 pour ton explication.
Citation :Je me suis demandé pourquoi cela n'avait pas l'air de gêner les navigateurs (sauf IE que je n'ai pas essayé). En examinant le code source de la page, il s’avère apparemment que ceux-ci ignorent tout simplement le signe %.
J'ai donc essayé avec 100 puis 1000 et ça fonctionne ... J'en ai conclu que la zone de texte devait être définie plus grande que la div qui la contient au départ, ensuite, elle se cale toute seule sur la dimension de la div au chargement de la page.
Donc avec:
pas de risque d'erreur.

Merci également pour ta solution, je vais la tester de ce pas

un

ou

dans le css devrai fonctionner tout aussi bien sans devoir modifier le fichier class (la deuxième fonctionne sans problème, je l'utilise)

J'ai essayé les deux, chez moi cela ne fonctionne pas (sauf le premier à condition que la taille du textarea dans l'élément de formulaire soit plus grande que la div.

oui la priorité est le nombre de caractères par ligne (attribut cols) ensuite la largeur en pixels.

j'ai pas essayé, mais min-width au lieu de width devrai peut-être prioritaire. Ton thème doit être impérativement en HTML5 donc choix du DOCTYPE très important, donc ne fonctionne pas avec le thème par défaut de Xoops.

Citation :Je vais faire un test.
Citation :Mon truc fonctionne bien aussi avec le thème par défaut.

Salut

Mille fois merci ça fait des heures que j'essayais de réduire la largeur du textarea qui dépassait de mon theme sans succés,évidement moi je changeais la valeur width et rien ne se passait,j'ai chercher dans les css,les fichier php du module,la misére. et grace à ton message j'ai changé la valeur cols et miracle ça fonctionne.

Encore merci,j'ai perdu assez de temps avec ça!!