Liste simple sous forme de tableau HTML

Dans cet exemple, plusieurs produits sélectionnés de cartes nationales 1: 25000 sont représentés sous forme d’un simple tableau HTML. Dans ce contexte, aucune représentation n’est définie à l’aide du CSS.

Le modèle de format utilisé
var formatTemplate =
   '<tr>' +
      '<td>[product.titleDe]</td>' +
      '<td>[product.descriptionDe]</td>' +
      '<td>[product.price]</td>' +
      '<td>[product.releaseDate]</td>' +
      '<td><a href="#">Bestellen</a></td>' +
   '</tr>';

L’appel de la fonction Javascript
window.onload=getProducts(1.0, formatTemplate, null,['1011','1012','1031','1032']);

Nouveau code dès le 1er janvier 2017
window.onload=getProducts(2.0, formatTemplate, null,['1011','1012','1031','1032']);

Le tableau des produits
<table border="1" width="100%">
   <thead>
   <tr>
      <th>Name</th>
      <th>Beschreibung</th>
      <th>Preis</th>
      <th>Erscheinungsdatum</th>
      <th> </th>
    </tr>
   </thead>
   <tbody id="productOutputContainer"></tbody>
</table>

Pour transmettre la commande de produits à notre shop, le lien de commande a été enregistré comme suit (remplacement de # par URL:
http://www.toposhop.admin.ch/fr/shop/basket?ref=test.ch&product0=[product.mapNumber]&quantity0=1

Nouveau code dès le 1er janvier 2017
https://shop.swisstopo.admin.ch/fr/dispatcher?ref=test.ch&product0=[product.mapNumber]&quantity0=1

Et voilà à quoi ça ressemble