Visualisation d'une page Webjax
widgets.ColorPalette
Ce widget est propulsé par Dojo.js Framework
.
Nous allons voir dans le cadre de cette page Webjax.eu, le widget "widgets.ColorPalette".
Ce widget permet d'insérer des sélecteurs de couleurs optimisés au sein d'interfaces HTML/CSS agrémentées du framework
Dojo.js qui doit être inclus pour permettre l'utilisation des 'ColorPalette' ou en français 'palettes de couleurs'.
Utilisation basique de widgets.ColorPalette (simple)
L'utilisation du widget 'Color.Palette' se fait très aisément via la création dans le corps
de la page HTML/CSS dans laquelle vous souhaitez rendre disponible le sélecteur de couleurs.
Vous devez au préalable inclure les objets Javascript du framework dont vous avez besoin pour
créer le sélecteur de couleurs 'ColorPalette'.
Par défaut, 2 palettes de couleurs sont incluses à savoir "3x4" et "7x10".
Les palettes sont définies dans le fichier "src/widgets/ColorPalette.js" ligne 18 lors de l'appel
de Dojo.widget.defineWidget().
Le code source de l'exemple est présenté ci après :
On peut notamment remarquer que l'on branche sur l'évènement de sélection de couleurs un "Javascript.alert()".
On aurait aussi bien pu transférer cette variable dans un champ de formulaire ou à un serveur via une
requête AJAX.
Le code source des éléments HTML du formulaire de création sont repris ci après :
On peut voir que l'élément utilisé pour contenir la palette de couleurs est un élément 'HTML.div' classique
sur lequel on crée un widget Dojo.js.
.
Nous allons voir dans le cadre de cette page Webjax.eu, le widget "widgets.ColorPalette".
Ce widget permet d'insérer des sélecteurs de couleurs optimisés au sein d'interfaces HTML/CSS agrémentées du framework Dojo.js qui doit être inclus pour permettre l'utilisation des 'ColorPalette' ou en français 'palettes de couleurs'.
Utilisation basique de widgets.ColorPalette (simple)
L'utilisation du widget 'Color.Palette' se fait très aisément via la création dans le corps de la page HTML/CSS dans laquelle vous souhaitez rendre disponible le sélecteur de couleurs.
Vous devez au préalable inclure les objets Javascript du framework dont vous avez besoin pour créer le sélecteur de couleurs 'ColorPalette'.
Par défaut, 2 palettes de couleurs sont incluses à savoir "3x4" et "7x10".
Les palettes sont définies dans le fichier "src/widgets/ColorPalette.js" ligne 18 lors de l'appel de Dojo.widget.defineWidget().
Le code source de l'exemple est présenté ci après :
On peut notamment remarquer que l'on branche sur l'évènement de sélection de couleurs un "Javascript.alert()".
On aurait aussi bien pu transférer cette variable dans un champ de formulaire ou à un serveur via une requête AJAX.
Le code source des éléments HTML du formulaire de création sont repris ci après :
On peut voir que l'élément utilisé pour contenir la palette de couleurs est un élément 'HTML.div' classique sur lequel on crée un widget Dojo.js.

:

