Masquage de champs avant affichage de la page

[Kouala]

Bonjour,

Je travaille actuellement sur un formulaire que je dois améliorer. Ce code est assez conséquent, j'essaie donc d'appliquer des changements sans avoir à trop modifier le code existant.
J'utilise des boutons permettant d'afficher et masquer des champs de texte (en jQuery).
J'aimerais par défaut que ces champs soient masqués. J'ai donc essayé

Code :

1
2
3
4
 
$(document).ready(function() {
   $(mes_champs_a_cacher).hide();
}

Or la page se charge entièrement avec les champs affichés, puis ceux-ci s'effacent. Je pensais que $(document).ready() permettait de modifier avant l'affichage de la page.

Merci de votre aide.

[kabkab]

Bonjour,
A mon avis, il faudrait commencer par changer les attributs de ces champs dans le code HTML.

[Watilin]

+1.

Le rôle de $(document).ready() est justement de s'assurer que tous les éléments de la page sont chargés pour pouvoir les manipuler sans risquer une erreur du style « element not found ».

[bewidia]

Tu peux mettre un style "display:none" sur les champs que tu veux cacher.

[Kouala]

En fait je pensais faire ça au début. Mais le nombre de champs à modifier est très important et je dois appliquer cela à de nombreuses pages. C'est pour ça que j'essaie de faire ça à part, sans modifier le code d'origine...