JDN Développeurs > Client Web > Créer un module Netvibes

Créer un module Netvibes > Module élaboré

Précédente Module élaboré, le code 

Vous maîtrisez désormais l'affichage des données dans un module Netvibes, statique ou dynamique : tout fonctionne comme s'il s'agissait d'une page Web normale, qui délèguerait ses feuilles CSS et JavaScript à un service tiers - ce qui est le cas. Reste à interagir avec le contenu du module. Ces interactions peuvent se faire de deux manières : avec un formulaire, ou avec JavaScript (et, in extenso, Ajax).

Les formulaires sont aussi simples à mettre en place que tout autre contenu HTML : disposez votre contenu, faites usage de style CSS au besoin (placés dans l'en-tête du fichier XHTML ou en attribut d'un élément), et donnez un fichier à viser (par exemple, action="commentaire.php"). Si l'URL est relative, le fichier visé devra être situé sur votre serveur.

Formulaire classique

Les formulaires de configuration, déjà mentionnée, ne sont guère plus compliqués. Ils se différencient par leur classe "configuration", ce qui les cache à l'affichage : ils s'affichent en cliquant sur le bouton Edit du module. Leur attribut action="" ne doit pas forcément être rempli : les données validées sont dans tous les cas stockées dans le cookie du module. Il reste possible de pointer vers un script serveur qui sauverait ces données de votre côté...



Affichage du formulaire de configuration,
et résultat de sa validation

Restent JavaScript et Ajax. Netvibes fait fortement usage de ces technologies, et l'API permet également quelques usages. Outre les fonctions saveValue() et getValue() déjà présentées, l'API couvrent plusieurs bindings : NV_ONLOAD se lance quand le module se charge, NV_KB_ENTER se lance quand l'utilisateur appuie sur envoi, et NV_KB_ACTION quand il appuie sur d'autres touches. Egalement, NV_REFRESH() peut être appellée pour recharger le module. Enfin, les variables NV_TITLE et NV_CONTENT font respectivement référence à l'élément HTML contenu dans le titre du module, et à celui contenant le contenu du module. setToolTip() vient compléter le tout pour donner un bandeau d'aide à un élément.

En ce qui concerne Ajax, Netvibes propose d'autres bindings, se basant en partie sur l'implémentation XMLHttpRequest de Prototype. NV_AJAX_REQUEST_URL sert d'adresse pour le proxy Ajax de Netvibes, et en pratique pointe le fichier serveur du portail auquel envoyer les arguments de requête Ajax.



Affichage d'un lien pointant vers une fonction JavaScript/Ajax,
et chargement automatique du fichier XML distant
Précédente Retour au sommaire Page suivante 
Conseils d'utilisation | Module basique & code | Module élaboré & code | Aller plus loin...
 
|
Haut de page
Nos autres sites Société | Mentions légales | Contacts | Publicité | PA Emploi | Presse | Recrutement | Tous nos sites | Données personnelles
© Benchmark Group, 69/71 avenue Pierre Grenier. 92517 Boulogne Billancourt Cedex