ThéorieRéférences XMLBalises

Alias de variable [b:with]

Alias de variable [b:with]
L'alias de variable b:with est une balise d'instruction qui permet de créer une expression complexe pouvant être récupérée dans les nœuds enfants.

La syntaxe

XML
<b:with value='EXPRESSION' var='VARIABLE_NAME'>

  <data:VARIABLE_NAME/>

</b:with>

  • La balise b:with travaille dans l'ensemble du code XML, excepté dans la balise b:skin.
  • Plusieurs balises b:with peuvent s'imbriquer.


Les paramètres

L'alias de variable doit contenir plusieurs paramètres obligatoires.

<b:with value='EXPRESSION'
        var='VARIABLE_NAME'>

</b:with>

Paramètre Signification -
value La valeur attendue peut être :
  • une donnée
  • une expression Blogger
  • une donnée de tableau extraite par son indice
Pour en savoir plus sur les expressions Blogger, consultez les fiches des catégories Opérateurs et Types de données.
Obligatoire
var Un quelconque nom de variable.
Ce nom sera utilisé pour employer la valeur de l'alias dans les nœuds enfants.
Obligatoire


Quelques exemples

Ajouter un CSS
<b:with value='"background-image: url(\"" + data:view.featuredImage + "\"); width: 72px; height: 72px; background-position: center center;"' var='maData'>

  <div expr:style='data:maData'/>

</b:with>
Le contenu de la donnée data:maData est défini dans la balise <b:with/>.
Celle-ci contient des éléments de styles reprenant l'url de l'image de la page courante qui défini l'image d'arrière-plan. La donnée est ensuite appliquée dans la balise enfant div.

Redimensionner une image
<b:with value='resizeImage(data:view.featuredImage)' var='defaultSize'>
<b:with value='[300,600,1200]' var='imageSizes'>

  <img expr:src='data:defaultSize'
       expr:srcset='sourceSet(data:defaultSize,data:imageSizes)' />

</b:with>
</b:with>
Le premier alias contient une expression qui redimensionne une image. La valeur est reportée 2 fois dans la balise img.
Le second alias contient un tableau de nombres : array[number]. Cette valeur est reportée 1 fois dans la balise img dans le paramètre srcset.

Filtrer un tableau
<b:with value='data:posts where (p => p.author == "Soraya Lambrechts") limit 3'
        var='LambrechtsPosts'>

  <b:loop values='data:LambrechtsPosts' var='post'>

    <h2><data:post.title/></h2>

  </b:loop>

</b:with>
L'alias contient une expression qui filtre les posts de la page courante à l'aide de l'opérateur lambda where et l'opérateur de tableau limit.
Le résultat de l'expression sera un nouveau tableau des 3 premiers posts publiés par Soraya Lambrechts.
La variable de l'alias est mentionné en tant que valeur d'un tableau dans la boucle b:loop.

Remplacer une valeur d'une donnée
<b:with value='"Nouveau titre"' var='title'>

    <h2><data:title/></h2>

</b:with>
L'alias contient une simple chaîne de caractères qui remplace la valeur de la donnée data:title.
Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte TC :
  • 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éveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire