Utilisation des valves, génération du site web de l'ULB - format xml
sommairesommaireindexindexdébutdébutpage précédentepage précédentepage suivantepage suivanteimprimerimprimerenvoyerenvoyermarquermarquer

Afficher alternativement un résumé ou l'information complète

Il est possible d'afficher une information de manière succinte, afin de pouvoir mettre un maximum d'informations de manière très lisible sur une page d'écran, et de permettre à l'internaute de cliquer sur celle-ci pour avoir un complément d'information à son propos.

La version succinte pourrait n'afficher que le titre et l'aperçu, par exemple, et la version étendue (qui apparaît quant on clique sur l'information) ferait apparaître le titre, la date de publication, l'auteur, les catégories la vignette et le contenu de l'information.

Cela est illustré par cet exemple.
Code de cet exemple
<valves maximum="3" style="class4+titre"  bords="arrondis">
    <affichage  style="class4+titre">
       <résumé>
          <titre/>
          <aperçu/>
       </résumé>
       <titre/>
       <vignette/>
       <contenu/>
       <groupe>
          <date-publication/>
          <auteur/>
          <évidence><catégories/></évidence>                  
       </groupe>
    </affichage>
    <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/>                  
</valves>

Ce qui donne:
loading...ajax1

Dans cet exemple,Le résumé n'affiche que le titre.
Code de cet exemple
<valves maximum="3" style="class4+titre"  bords="arrondis">
    <affichage style="class4+titre">
       <titre/>
       <groupe>
          <évidence><catégories/></évidence>
          <auteur/>
       </groupe>
       <contenu/>
       <date-publication/>
       <résumé>
          <titre/>
       </résumé>
    </affichage>
    <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/>                  
</valves>

Ce qui donne:
loading...ajax2

Affichage par défaut

Par défaut, le résumé n'affiche que le titre, la vignette et le résumé de l'information. L'information complète affiche le titre, la vignette et le contenu de l'information.

Dans cet exemple, on utilise un affichage avec un contenu par défaut ainsi qu'un résumé avec un contenu par défaut.
Code de cet exemple
<valves maximum="3" style="class4+titre"  bords="arrondis">
    <affichage style="class4+titre">
       <résumé/>
    </affichage>
    <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/>                  
</valves>

Ce qui donne:
loading...ajax3

Alterner entre résumé et information complète

Par défaut, toute la zone d'affichage est cliquable et sert de lien pour alterner entre le résumé et/ou l'information complète. Une icône apparait en haut à droite indiquant si le résumé ou l'information complète est affichée. Cette icône est également cliquable.

Vous pouvez changer cela, grâce aux attributs suivants, à placer sur l'élément <résumé>.


Utiliser ou non l'icône

L'attribut refermable="oui" ou refermable="non" vous permet de choisir si l'icône doit apparaître ou non. Par défaut, la valeur oui est utilisée.

Dans cet exemple, l'icône n'apparaitra pas.
Code de cet exemple
<valves maximum="3" style="class4+titre"  bords="arrondis">
    <affichage style="class4+titre">
       <résumé refermable="non"/>
    </affichage>
    <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/>                  
</valves>

Ce qui donne:
loading...ajax4

Utiliser ou non la zone

L'attribut zone="oui" ou zone="non" vous permet de choisir si la zone d'affichage doit être utilisée ou non pour alterner entre le résumé et l'information complète. Par défaut, la valeur oui est utilisée.

Vous devez, si vous choisissez l'option non, veiller à fournir un autre moyen pour alterner entre le résumé et l'information complète. Par exemple, via une icône (voir ci-dessus) ou un lien (voir ci-dessous).

Dans cet exemple, la zone n'est pas cliquable. Seule l'icône pourra être utilisée pour alterner entre le résumé et l'information complète.
Code de cet exemple
<valves maximum="3" style="class4+titre"  bords="arrondis">
    <affichage style="class4+titre">
       <résumé zone="non"/>
    </affichage>
    <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/>                  
</valves>

Ce qui donne:
loading...ajax5

Utiliser un lien LIRE PLUS/LIRE MOINS

Vous pouvez également faire apparaître un lien (précédé d'une petite icône) où vous le désirez dans le résumé ou dans l'information complète pour alterner entre les deux. Ce lien se réalise à l'aide d'un élément <plus/> ou d'un élément <moins/>.

<plus/> s'utilise généralement dans le résumé. Il fait apparaître un lien LIRE PLUS, READ MORE, LEES MEER ou 阅读更多 qui permettra de faire apparaître l'information complète.

<moins/> s'utilise généralement dans l'information complète. Il fait apparaître un lien MOINS, LESS, MINDER ou 减 qui permettra de faire apparaître l'information résumée.

Dans cet exemple, la zone n'est pas cliquable et l'icône n'est pas utilisée. Seuls des liens <plus/> et <moins/> sont utilisés pour alterner entre le résumé et l'information complète.
Code de cet exemple
<valves maximum="3" style="class4+titre"  bords="arrondis">
    <affichage style="class4+titre">
       <résumé zone="non" refermable="non">
          <titre/>
          <vignette largeur="40" hauteur="40"/>
          <aperçu/>
          <plus/>
       </résumé>
       <titre/>
       <groupe>
          <auteur préfixe="Par "/>
          <sep-texte>, </sep-texte>
          <date-publication préfixe="paru le "/>
       </groupe>   
       <vignette largeur="100" hauteur="100"/>
       <contenu/>
       <moins/>
    </affichage>
    <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/>                  
</valves>

Ce qui donne:
loading...ajax6
sommairesommaireindexindexdébutdébutpage précédentepage précédentepage suivantepage suivante
ULB - entreprise écodynamique