Populaire
Base de connaissances Références XML Balises

La balise d'ajout de valeur dans l'attribut class [b:class]

La balise d'ajout de valeur dans l'attribut class [b:class]
La balise b:class est une balise d'instruction qui permet d'ajouter à la balise parente une valeur dans un attribut class.

La syntaxe

XML
<div>

  <b:class cond='CONDITION' name='CLASS_NAME'/>

</div>

  • La balise b:class travaille dans l'ensemble du code XML, excepté dans la balise b:skin.
  • Plusieurs balises b:class peuvent se cumuler.
  • Les balises b:class ne peuvent pas s'imbriquer.


Les paramètres

La balise doit contenir plusieurs paramètres dont certains sont obligatoires.

<b:class cond='CONDITION'
         name='CLASS_NAME'/>

<b:class cond='CONDITION'
         expr:name='EXPRESSION'/>

Paramètre Signification -
name La valeur attendue est le nom de la classe qui sera ajouté à la balise parente.
Accompagné du préfixe expr:, la valeur peut-être :
  • une donnée de type string
  • une expression Blogger dont le résultat est de type string
Pour en savoir plus sur les expressions Blogger, consultez les fiches des catégories Opérateurs et Types de données.
Obligatoire
cond Condition d'exécution de la balise.
La valeur attendue doit être booléenne. Elle peut être une donnée ou une expression Blogger :
  • Une donnée booléenne renvoie toujours une valeur true (vraie) ou false (fausse).
  • Les autres types de données sont toujours vraies si la donnée n'est pas vide (excepté les array (tableaux)).
  • Le résultat d'une expression Blogger doit être true (vraie) ou false (fausse).
  • L'expression peut contenir des données globales ou/et des données issues du dictionnaire de ce gadget.
Pour en savoir plus sur les expressions Blogger, consultez les fiches des catégories Opérateurs et Types de données.
Facultatif


Quelques exemples

Ajouter une classe
<div>

  <b:class name='footer'/>

</div>
La nouvelle classe footer sera ajoutée à la balise parente <div> dans le rendu HTML.

Résultat
<div class='footer'>

</div>

Ajouter une classe avec une condition
<div>

  <b:class cond='data:view.isHomepage' name='footer'/>

</div>
La nouvelle classe footer sera ajoutée à la balise parente <div> dans le rendu HTML uniquement si la page courante est la page d'accueil.

Résultat si vrai
<div class='footer'>

</div>

Résultat si faux
<div>

</div>

Ajouter une classe à une classe existante
<div class='section'>

  <b:class name='footer'/>

</div>
La nouvelle classe footer sera ajoutée à la balise parente <div> dans le rendu HTML. Les classes existantes dans la balise parente sont conservées.

Résultat
<div class='section footer'>

</div>

Cumuler plusieurs classes
<div class='section'>

  <b:class name='footer'/>
  <b:class name='left'/>

</div>
Les nouvelles classes footer et left seront ajoutées à la balise parente <div> dans le rendu HTML. Les classes existantes dans la balise parente sont conservées.

Résultat
<div class='section footer left'>

</div>

Ajouter une classe variable
<div>

  <b:class expr:name='data:view.isHomepage ? "superfooter" : "footer"'/>

</div>
L'attribut name a été converti en une expression Blogger pouvant contenir une donnée ou une opération. Dans cet exemple, l'expression est un opérateur ternaire. Le nom de la nouvelle classe sera superfooter si la page courante est la page d'accueil. Dans le cas contraire, le nom de nouvelle classe sera footer.

Résultat si page d'accueil
<div class='superfooter'>

</div>

Résultat si autre page
<div class='footer'>

</div>
Assistance publique pour le produit Blogger sur les supports  d'aides :

Certifiée par Google - Experte Platine TC (Ambassador & Advanced Troubleshooter):
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

Développements Multi-versions
Facebook : Boîte de commentaires [Comments Box]
Populaire
Développements Multi-versions
Facebook : Bouton J'aime [Like button]
Populaire
Développements Multi-versions
Facebook : Bouton partager [Share button]
Populaire