logo image
AddThis Social Bookmark Button

Visualisation d'une page Webjax

widgets.ColorPalette
icone addfav
Ce widget est propulsé par Dojo.js Framework ico-dojo.

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().

ico-dojo-24Créez une palette de couleurs personnalisée et dynamique Palette de couleurs :



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.

ico com Aucun commentaire enregistré