L'exemple ci-contre affichera temporairement un message "chargement en cours..." (le serveur attendra artificiellement 5 secondes avant de répondre, afin de vous laisser le temps de voir le message) puis le bloc disparaitra lorsque le serveur aura répondu qu'il n'y a aucune information de disponible (car il n'y a pas de catégorie "Mission impossible" dans Act'ULB). |
loading...ajax1 Code de cet exemple <valves maximum="1" style="class1"> <source-babelbox box="1" type="2" catégories="Mission impossible"/> </valves> |
Vous pouvez changer cela grâce à un attribut chargement-en-cours pour ne plus faire apparaitre le message lors du chargement, et grâce aux éléments <message-si-vide> et <message-si-erreur> pour faire apparaitre le message de votre choix lorsque il est impossible d'obtenir des information. Message par défaut indiquant un chargement en coursPar défaut, lorsque les informations sont chargées pour la première fois, un message qui dépend de la langue de la page est affiché pour indiquer que le chargement est en cours ("chargement en cours...", "loading data...", etc.). Si vous ne désirez pas que ce message soit affiché, il faut ajouter un attribut chargement-en-cours="non" à l'élément <valves>. |
L'exemple ci-contre n'affichera pas de message lors du chargement des informations (ici aussi, le serveur attendra 5 secondes avant de renvoyer sa réponse). |
Code de cet exemple <valves maximum="1" style="class1" chargement-en-cours="non"> <source-babelbox box="1" type="2"/> </valves> |
L'exemple ci-contre affichera un message indiquant qu'aucune information n'est disponible. |
loading...ajax3 Code de cet exemple <valves maximum="1" style="class1"> <message-si-vide>Aucune actualité n'est disponible !</message-si-vide> <source-babelbox box="1" type="2" catégories="Mission impossible"/> </valves> |
Cet élément peut avoir les mêmes attributs et le même contenu qu'un paragraphe de texte (élément <p>). |
L'exemple ci-contre affichera un message indiquant qu'aucune actualité n'est disponible (car la catégorie "Mission impossible" n'existe pas dans Act'ULB). Remarquez l'utilisation de l'attribut style et d'un lien hypertexte, comme dans un paragraphe de texte. |
loading...ajax4 Code de cet exemple <valves maximum="1" style="class1"> <message-si-vide style="important"> Désolé, aucun message n'a été trouvé ! Consultez les actualités en ligne dans <a href="http://www.ulb.ac.be/actulb">Act'ULB</a>. </message-si-vide> <source-babelbox box="1" type="2" catégories="Mission impossible"/> </valves> |
Lorsque plusieurs sources sont utilisées, il suffit que l'une de celles-ci fournisse une information pour que ce message ne soit pas affiché. |
L'exemple ci-contre affichera deux actualités de la catégorie "Recherche", sans mettre de message indiquant que la première source est vide (car la catégorie "Mission impossible" n'existe pas). |
loading...ajax5 Code de cet exemple <valves maximum="2" style="class1"> <message-si-vide>Aucune actualité n'est disponible !</message-si-vide> <source-babelbox box="1" type="2" catégories="Mission impossible"/> <source-babelbox box="1" type="2" catégories="Recherche"/> </valves> |
Message par défaut si une erreur survient lors de la lecture des informationsSi la connexion aux sources ne s'est pas faite correctement, ou que celles-ci n'envoient pas des informations dans le bon format, vous pouvez faire apparaître un message pour informer les internautes grâce à une élément <message-si-erreur>. Si cet élément n'est pas présent, le bloc d'informations ne sera pas affiché. Cet élément peut avoir les mêmes attributs et le même contenu qu'un paragraphe de texte (élément <p>). |
L'exemple ci-contre affichera un message d'erreur, car l'adresse du flux RSS est incorrecte. |
loading...ajax6 Code de cet exemple <valves maximum="1" style="class1"> <message-si-erreur style="très-important"> Désolé, il est impossible de lire les actualités. </message-si-erreur> <source-rss href="http://www.mission-inmpossible.be/zero-actualites"/> </valves> |
Lorsque plusieurs sources sont utilisées, il suffit que l'une de celles-ci fournisse une actualité pour que ce message ne soit pas affiché. |