Derniers tutoriels de développement web
 

Tutorial W3Data

❮ Précédent Suivant Chapitre ❯

W3Data
Plus rapide et de meilleures données HTML

Qu'est-ce que W3Data?

W3Data est une bibliothèque JavaScript moderne pour apporter des données aux applications HTML:

  • Petit, rapide, mobile et convivial
  • Facile à apprendre et facile à utiliser
  • Accélère le développement d'applications
  • Pour tous les périphériques PC, tablette, mobile et

W3Data est gratuit

W3Data est libre d'utiliser. Aucune licence est nécessaire.

Facile à utiliser

Il suffit d' ajouter un lien vers w3data.js dans votre page web:

Exemple

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3data.js">

Puis ajouter accolades {{}} à tout élément HTML pour réserver de l' espace pour vos données:

Exemple

<div id="id01">
{{firstName}} {{lastName}}
</div>

Enfin appeler w3DisplayData pour afficher les données dans votre code HTML:

Exemple

w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
Try It Yourself »
Remarque Le premier paramètre est l'identifiant de l'élément HTML à utiliser (ID01)
Le deuxième paramètre est l'objet de données à afficher.

Remplir un Dropdown

Exemple

<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>

<select id="id01">
<option w3-repeat="x in cars">{{x}}</option>
</select>

<script>
w3DisplayData("id01", {"cars" : ["Volvo", "Ford", "BMW", "Mercedes"]});
</script>

</body>
</html>
Try It Yourself »
Remarque Télécharger w3data.js

❮ Précédent Suivant Chapitre ❯