Bonjour à tous, Je dois créer un formulaire qui contient énormément de champs, de listes, de cases à cocher, ... etc. Ce n'est vraiment pas joli, donc je pense remodeler ce formulaire en formulaire à onglets. Je ne sais pas comment faire, faut il que je me mette à ajax ou à d'autres techniques. Auriez-vous, s'il vous plait des exemples, des tutoriaux à lire, des livres à me proposer. Merci pour votre aide.
on 13.03.2008 07:05
on 13.03.2008 13:47
Bonjour,
Pour une gestion par onglet, tu peux faire ça simplement grâce à
script.aculo.us.
Exemple :
<html>
<head>
<script type='text/javascript' src='prototype.js'></script>
<script type='text/javascript' src='scriptaculous.js
?load=effects'></script>
</head>
<body>
<form>
<fieldset id="onglet1">
<legend id="titre_onglet1"
onclick="Element.hide('corps_onglet2');Element.show('corps_onglet1');">Onglet
1</legend>
<div id="corps_onglet1">
<p><input type="text" name="champ11" /></p>
<p><input type="text" name="champ12" /></p>
<p><input type="text" name="champ13" /></p>
</div>
</fieldset>
<fieldset id="onglet2">
<legend id="titre_onglet2"
onclick="Element.hide('corps_onglet1');Element.show('corps_onglet2');">Onglet
2</legend>
<div id="corps_onglet2" style="display:none">
<p><input type="text" name="champ21" /></p>
<p><input type="text" name="champ22" /></p>
<p><input type="text" name="champ23" /></p>
</div>
</fieldset>
</form>
</body>
</html>
C'est pas forcément très propre comme exemple, l'important à retenir est
simplement l'utilisation de Element.show() et Element.hide()
Il faut également intégrer cet exemple avec les helpers de rails pour
script.aculo.us ;)
Emmanuel
Le 13/03/08, has Hhh <list-incoming@andreas-s.net> a écrit :
on 13.03.2008 15:12
Bonjour, Découper un formulaire en onglets ne me semble pas une bonne idée. Penses à comment afficher les messages d'erreurs de validation. Il faut faire apparaitre le bon onglet contenant le champ à modifer.Et si tu as 2 champs incorrects invalides dans 2 onglets différents, l'affichage est juste impossible. Tu pourrais peut etre mettre tes données dans des divs pliables ( Effect.Blind dans scriptaculous). Benoit 2008/3/13 has Hhh <list-incoming@andreas-s.net>: > -- > Posted via http://www.ruby-forum.com/. > > > > -- Benoit