Carnet Wiki

Doc Saisies complémentaire

Version 2 — Avril 2010 JLuc

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

Boutons radios et Sélections

La doc n’indique pas comment créer les options des select ou les différents bouton 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 appels aux « selecteurs » définis dans BONUX et font ample usage de ajax pour faciliter la sélection, par navigation arborescente dans les rubriques par exemple.

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

Je n’ai pas réussi à mettre 2 saisies côte à côte SANS recopier localement TOUT le habillage.css pour le surcharger ; Même en mettant les styles inline dans le formulaire.html qui appelle les saisies.

Il faut donc recopier localement tout le fichier habillage.css et ajouter à la fin de ce fichier les propriétés ad hoc qui surchargent les valeurs spécifiées plus haut.
Par exemple, pour un formulaire ’identite’ qui comporte une #saisieinput, prenom immédiatement suivi d’une #saisieinput, nom, pour que le nom apparaisse à droite du prénom, il faut ajouter :

.formulaire_identite ul {
       clear: both;
}
.formulaire_identite .editer {
       float: left;
}
/* à gauche : */
.formulaire_identite  .editer_prenom {
       clear: left;
}
                     
/* à droite : */
.formulaire_indentite  .editer_nom {
       clear: right;
       margin-left: 10px;
}

Retour à la version courante

Toutes les versions