Carnet Wiki

Doc Saisies complémentaire

Version 5 — Avril 2010 JLuc

-  exemples de création de boutons radio et de menus select
-  autres saisies
-  CSS : mettre 2 saisies côte-à-côte

Boutons radios et Sélections

La doc n’indique pas comment créer les options des select ou les différents boutons radio d’un ensemble,
mais le log ainsi que les fichiers sources donnent des exemples :

Pour les saisies "boutons radio"

        [(#SAISIE{radio, afficher_liste,
                label=<:plugin:afficher_liste:>,
                explication=<:plugin:explication_afficher_liste:>,
                datas=#ARRAY{
                        cle1,valeur1,
                        cle2,valeur2,
                        cle3,valeur3}})]


[(#SAISIE{radio,maintenance}
        {label=Durée de maintenance}
        {defaut=12}
        {datas=#ARRAY{
                12,12 mois,
                24,24 mois,
                36,36 mois,
}})]

Pour les saisies "select"

[(#SAISIE{selection,maintenance}
        {label=Durée de maintenance}
        {option_intro=Sélectionnez la durée de maintenance}
        {defaut=12}
        {datas=#ARRAY{
                12,12 mois,
                24,24 mois,
                36,36 mois,
}})]

Autres saisies

Il y a moultes saisies dans le plugin, fort utiles dans certains cas :
-  choix d’un n° d’article original (qui n’est pas une traduction)
-  choix d’une rubrique existante
-  choix de la langue
-  choix d’un article à l’intérieur d’une rubrique
-  choix d’un secteur
_...

Certains font appel aux « selecteurs » définis dans BONUX et font un ample usage d’ajax pour faciliter la sélection, par navigation arborescente dans les rubriques par exemple.

CSS : mettre 2 saisies côte-à-côte

Par défaut, des SAISIES successives sont affichées les unes sous les autres. (propriété clear:both sur les <li> définie dans habillage.css).

Pour faire apparaître une saisie à droite d’une autre, sur la même ligne, il faut surcharger les propriétés CSS de manière à corriger les valeurs définies dans habillage.css

Pour cela on créera un fichier perso.css dans le dossier squelettes, qui contiendra les nouvelles valeurs.

Par exemple, pour un formulaire « identite » qui comporte une < code>#saisieinput # saisieinput , prenom</code > prenom immédiatement suivi d’une < code>#saisieinput # saisieinput , nom</code >, nom , pour que le nom apparaisse à droite du prénom, il suffit de mettre dans perso.css :

.formulaire_identite .editer {
       float: left;
}
.formulaire_identite  .editer_prenom {
       clear: left;
}
.formulaire_identite  .editer_nom {
       clear: right;
       margin-left: 10px;
}

Retour à la version courante

Toutes les versions