Drupal intègre l'excellent colorpicker Farbtastic, qui permet de choisir une couleur à l'aide d'un sélecteur en javascript. Le thème Garland propose un choix de couleurs via le module Color, qui utilise la librairie Farbtastic.

Mais comment faire pour l'intégrer à un module ?

Drupal intègre l'excellent colorpicker Farbtastic, qui permet de choisir une couleur à l'aide d'un sélecteur en javascript. Le thème Garland propose un choix de couleurs via le module Color, qui utilise la librairie Farbtastic.

Mais comment faire pour l'intégrer à un module ?

Tout d'abord, il faut utiliser le hook "hook_form_alter" :

function my_module_form_alter(&$form, $form_state, $form_id) {
  //code
}

Ensuite, nous allons préciser pour quel formulaire nous voulons faire des modifications :

if ($form_id == 'my_form_id') {
  //code
}

Enfin, il nous faut appeler la librarie :

drupal_add_css('misc/farbtastic/farbtastic.css', 'module', 'all', FALSE);
drupal_add_js('misc/farbtastic/farbtastic.js');

Il vous reste à ejouter votre propre code javascript :

drupal_add_js($path.'/my_module.js');

Au final, on obtient :

function my_module_form_alter(&$form, $form_state, $form_id) {
  if ($form_id == 'my_form_id') {
    drupal_add_css('misc/farbtastic/farbtastic.css', 'module', 'all', FALSE);
    drupal_add_js('misc/farbtastic/farbtastic.js');
    drupal_add_js($path.'/my_module.js');
  }
}

Et voilà, nous pouvons maintenant utiliser Farbtastic dans notre module !