Discussion :

[clavier12AZQSWX]

bonjour,

dans un formulaire j'ai un champ de saisie de type long texte qui est de la forme textArea quand on est en mode saisie.
Dans la vue d'affichage (quand on est pas dans le mode saisie), le champ textarea est remplacé par un basic span .

Problème: la structure SPAN n'a pas de scrollbar ni de ROWS ni de COLS !
Donc quand ce champ est affiché hors du formulaire (en vue liste ou vue page bridée) , je voudrais le remplacer par un TextArea en readonly .

est-ce possible de manière propre avec jquery ?
Je dis de manière propre car ma première idée est de prendre le html du mon SPAN et de faire plusieurs str_replace pour remplacer les parties de tag span par la déclaration TextArea et insérer manuellement à la loupe les attributs rows,cols et readonly
J'ai regardé dans la doc jquery et j'ai rien trouvé (ou pas cherché les bons termes).

Est-ce qu'une fonction comme ça existe ? :

Code jquery :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#monspan").convert('span','textarea');

car j'aurais plus qu'à faire mes lignes :

Code jquery :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('#monspan').attr('rows', 5);
$('#monspan').attr('cols', 50);
$('#monspan').attr('readonly','readonly');

Ce serait mieux que d'aller triffouiller le code html avec des aiguilles!

j'ai cherché convert(),switch() mais j'ai rien trouvé.
une autre idée ?

[Toufik83]

Bonjour,

Ce n'est pas jQuery.replaceWith() que vous cherchiez ?

[clavier12AZQSWX]

Bonjour,

Ce n'est pas jQuery.replaceWith() que vous cherchiez ?

j'ai cru au bonheur car ça fait le job :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var contenu_liste=$( "#monspan" ).html();
$( "#monspan" ).replaceWith( "<TEXTAREA ROWS=10 COLS=70 readonly>"+contenu_liste+"</TEXTAREA>" );

sauf que ......

j'ai oublié que le TexteArea n'a pas de contenu formaté du coup, j'ai fait un pétard mouillé ! j'ai honte

en span :


en textarea:

[Toufik83]

Oui, un textarea ne peut pas contenir du html, mais seulement du texte.

Si vous voulez garder le contenu HTML, il va falloir utiliser un autre élément comme div ou span ou autre...