Utilisation des valves, génération du site web de l'ULB - format xml

index

début

marquer

Afficher un lien pour plus d'infos

Une information diffusée par une source peut éventuellement être associée à un lien hypertexte. Ce lien sert généralement à renvoyer l'internaute vers un site web où il pourra trouver un complément d'information (dans le cas du flux RSS diffusé par un journal, par exemple, ce lien peut servir à renvoyer vers l'article complet présent sur son site web).

De même, une source peut diffuser un lien global identique pour toutes les informations. Ce lien sert généralement à renvoyer l'internaute vers le site web de la source (dans le cas du flux RSS diffusé par un journal, par exemple, ce lien renvoie vers la homepage de son site web).

Prenez garde au fait que ces informations ne sont pas disponibles dans toutes les sources (vérifiez comment elles sont gérées via le menu ci-contre).

Pour afficher un de ces liens (dans un élément <affichage>, <groupe>, <évidence> ou <résumé>), on utilise un des éléments suivants:

<lien/>: pour afficher un lien qui en général va renvoyer à l'adresse associée à l'information (fournie par la source);
<lien-source/>: pour afficher un lien qui en général va renvoyer à l'adresse associée à la source de l'information;

Il est également possible de définir une autre adresse que celle associée à l'information. Dans ce cas-là, vous pouvez utiliser plusieurs liens pour renvoyer les internautes à plusieurs adresses différentes.

Un libellé par défaut sera utilisé pour ces liens, sauf si vous en spécifiez un autre. Il est également possible de ne pas afficher de libellé (le lien ne sera pas visible en tant que tel), mais de rendre cliquable toute l'information, seulement le titre ou la vignette et/ou l'illustration.

Les liens dont il est question ici sont associés à chaque information de manière individuelle (ils sont généralement différents d'une information à l'autre). Si vous placez un élément <lien> directement dans l'élément <valves> (en dehors de l'élément <affichage>), vous pourrez définir un lien global, valable pour l'ensemble des informations. Celui-ci s'affichera après la liste des informations.

Information sur les données disponibles:

Libellé du lien

Si les éléments <lien> ou <lien-source> sont vides, un libellé par défaut (PLUS, MORE, MEER ou 更多) sera affiché. Si ces éléments contiennent du texte, ce texte sera utilisé en guise de libellé.

Par défaut, le lien utilise une icône devant le libellé. Vous pouvez remplacer cette icône par une icône Facebook, Twitter ou Rss ou supprimer cette icône.

Le libellé pourra être remplacé par #tout, #titre, #vignette, #illustration ou #vignette-source. Ce libellé ne sera pas affiché, mais il rendra cliquable toute l'information, seulement le titre, la vignette, l'illustration ou la vignette de la source.

Dans cet exemple, on affiche le lien associé à l'information avec le libellé par défaut.

Code de cet exemple

<valves maximum="1" style="colorBar1"  bords="arrondis">
    <affichage>
       <titre/>
       <aperçu/>
       <lien/>
    </affichage>
  <source-rss href="http://www.lesoir.be/feed/La Une/destination_une_block"/>
</valves>

loading...ajax1

Le même exemple, mais cette fois-ci le libellé sera "Pour plus d'info".

Code de cet exemple

<valves maximum="1" style="colorBar1"  bords="arrondis">
    <affichage>
       <titre/>
       <aperçu/>
       <lien>Pour plus d'info</lien>
    </affichage>
  <source-rss href="http://www.lesoir.be/feed/La Une/destination_une_block"/>
</valves>

loading...ajax2

Dans cet autre exemple, on affiche le lien associé à la source de l'information avec un libellé également donné dans l'élément <lien-source>.

Code de cet exemple

<valves maximum="1" style="colorBar1"  bords="arrondis">
    <affichage>
       <titre/>
       <aperçu/>
       <lien-source>Plus d'info sur le site du journal</lien-source>
    </affichage>
  <source-rss href="http://www.lesoir.be/feed/La Une/destination_une_block"/>
</valves>

loading...ajax3

Remplacer l'icône standard par une autre icône

Par défaut, le lien utilise une icône devant le libellé. Si votre libellé commence par #facebook, #twitter ou #rss, vous pouvez remplacer l'icône standard par une icône Facebook, Twitter ou RSS.

Dans cet exemple, chaque information sera cliquable.

Code de cet exemple

<valves style="colorBar1"  bords="arrondis">
    <affichage>
       <titre/>
       <vignette/>
       <aperçu/>
       <groupe>
         <lien href="http://www.facebook.com/sharer/sharer.php?u={page:pageURL}&amp;src=sp">#facebook</lien>
         <lien href="http://twitter.com/home?status={page:pageURL}">#twitter</lien>
       </groupe>
    </affichage>
  <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml" identificateurs="colomb|lune"/> 
</valves>

loading...ajax4

Supprimer l'icône standard

Par défaut, le lien utilise une icône devant le libellé. Si votre lien commence par #aucun, cette icône n'apparaîtra pas.

Rendre cliquable l'ensemble de l'information

Si vous utilisez la valeur #tout, vous pourrez respectivement rendre toute l'information cliquable.

Dans ce cas, éviter les conflits en rendant cliquable cette même information cliquable afin d'alterner entre un résumé et une information complète.

Dans cet exemple, chaque information sera cliquable.

Code de cet exemple

<valves style="colorBar1"  bords="arrondis">
    <affichage>
       <titre/>
       <vignette/>
       <aperçu/>
       <lien>#tout</lien>
    </affichage>
  <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml" identificateurs="colomb|lune"/> 
</valves>

loading...ajax5

Rendre cliquable le titre, la vignette ou l'illustration

Si vous utilisez les valeurs #titre, #vignette, #illustration ou #vignette-source, vous pourrez respectivement rendre cliquables le titre, la vignette, l'illustration et la vignette de la source.

Dans cet exemple, la vignette deviendra cliquable et renverra au lien associé à l'information (fourni par la source).

Code de cet exemple

<valves style="colorBar1"  bords="arrondis">
    <affichage>
       <titre/>
       <vignette/>
       <aperçu/>
       <lien>#vignette</lien>
    </affichage>
  <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml" identificateurs="colomb|lune"/> 
</valves>

loading...ajax6

Dans cet autre exemple, la vignette et le titre seront cliquables et renveront au lien associé à l'information (fourni par la source), tandis que la vignette de la source sera également cliquable et renverra vers le lien global de la source.

Code de cet exemple

<valves maximum="2" style="colorBar1" bords="arrondis">
   <affichage>
      <vignette-source hauteur="20" largeur="20" position="gauche-texte">
         <compression-maximale hauteur="0" largeur="0"/>  
         <déformation-maximale valeur="500"/>                     
      </vignette-source>
      <titre/>
      <date-publication/>
      <vignette/>
      <aperçu/>
      <lien-source>#vignette-source</lien-source>
      <lien>#vignette</lien>
      <lien>#titre</lien>
   </affichage>
   <source-rss href="http://www.lesoir.be/feed/La%20Une/destination_une_block" maximum="1"/>
   <source-babelbox box="37" maximum="1" type="actualité"/>
</valves>

loading...ajax7

Adresse du lien

Dans les exemples qui précèdent, les liens renvoient à une adresse qui est fournie par la source.

Vous pouvez utiliser une autre adresse que celle-là, grâce à l'utilisation d'un attribut hypertexte (docref, href, rel-href...).

Cela permet de renvoyer les informations vers un site unique, qui n'est pas celui-mentionné dans la source.

Dans cet exemple, le lien renvoi vers le site web du journal.

Code de cet exemple

<valves maximum="1" style="colorBar1"  bords="arrondis">
    <affichage>
       <titre/>
       <aperçu/>
       <lien href="http://www.lesoir.be">Plus d'info sur le site du journal</lien>
    </affichage>
  <source-rss href="http://www.lesoir.be/feed/La Une/destination_une_block"/>
</valves>

loading...ajax8

Dans cet autre exemple, on renvoi vers l'affichage d'une actualité précise dans Babelbox, grâce à un lien qui insère son id.

Code de cet exemple

<valves maximum="1" style="colorBar1"  bords="arrondis">
    <affichage>
       <titre/>
       <aperçu/>
       <lien href="http://www.lesoir.be">Plus d'info sur le site du journal</lien>
    </affichage>
  <source-rss href="http://www.lesoir.be/feed/La Une/destination_une_block"/>
</valves>

loading...ajax9

Champs paramètrables dans l'adresse du lien

L'adresse du lien peut contenir des champs paramètrables, écrits entre accolades, qui seront remplacés par des valeurs liées aux informations:

{id} pour insérer l'indentificateur de l'information, tel qu'il est défini dans la source (si celui-ci existe);
{unique-id} pour insérer l'indentificateur unique de l'information, tel qu'il est utilisé dans Sitemanager;

A ces champs s'ajoutent tous les paramètres liés aux données provenant de l'Intranet.

Définir plusieurs liens différents

Vous pouvez associer plusieurs liens à chaque informations, en utilisant plusieurs éléments <lien>. Cela n'a de réel interêt que si vous précisez l'adresse du lien au lieu de prendre l'adresse unique associée à l'information elle-même.

Dans cet exemple, on renvoi aux sites des journaux Le Soir et La Libre Belgique à l'aide de deux liens.

Code de cet exemple

<valves maximum="1" style="colorBar1"  bords="arrondis">
    <affichage>
       <titre/>
       <aperçu/>
       <groupe>
          <lien href="http://www.lesoir.be">Le Soir</lien>
          <sep/>
          <lien href="http://www.lalibre.be">La Libre</lien>
       </groupe>    
    </affichage>
  <source-rss href="http://www.lesoir.be/feed/La Une/destination_une_block"/>
</valves>

loading...ajax10

page suivante

English	中文	Page d'accueil	Contacts	Plan des campus
					pages annuaire