Discussion :

[clavier12AZQSWX]

bonjour,

j'ai un formulaire TOTO avec pleins de champs de saisis ayant les ID S1 S2 S3 S4 S5....S20

Je souhaite placer S3, S4,S5 dans une fieldset pour avoir le joli filet et l'étiquette car ils sont dans une même catégorie de saisie.

je fais comme ça :

Code javascript :

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

$('#S3,#S4,#S5').wrapInner('<fieldset style=\"border: solid 1px #6b6b6b;\" ><legend>catégorie1</legend>');

Le problème c'est que ça place chaque champs dans un fieldset nommé catégorie1 au lieu de les mettre tous dans le même fieldset!
Pourquoi ce bug ?

[Pytet]

Bonjour,

Ce n'est pas un bug, la fonction wrapInner produit l'inverse de ce qui est attendu : cette fonction va ajouter une balise fieldset à l'intérieur de chaque balise input ciblé.
Il semble que c'est la fonction wrapAll qui devrait être utilisée à la place de wrapInner.

http://api.jquery.com/wrapinner/
http://api.jquery.com/wrapAll/

[SpaceFrog]

Code :

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

1
2
3
4
5
$wrapper = $('<fieldset style=\"border: solid 1px #6b6b6b;\" ><legend>catégorie1</legend>');
 
$('#S3,#S4,#S5').appendTo($wrapper);
 
$('idform').append($wrapper) ;

[clavier12AZQSWX]

wrapAll fait le job !

Par contre , Spacefrog, ta methode avec le $('idform').append($wrapper) ; ne permet pas de maintenir l'ordre des champs car mes 3 champs vont être déplacés en queue de formulaire.

[SpaceFrog]

Il suffit de les "appender" au bon endroit ...