Récupérer le chemin d'un theme Drupal en javascript

19 juillet 2010 à 19:01

Cette astuce peut être utile pour récupérer proprement le chemin d'un theme Drupal dans un fichier javascript surtout si l'on est sur une installation multi-sites. Il s'agit de passer une variable php et de la récupérer en javascript.

Dans le fichier template.php, on utilise la fonction drupal_add_js()

<?php
drupal_add_js('jQuery.extend(Drupal.settings, { "pathToTheme": "' . path_to_theme() . '" });', 'inline'); 
?>

Puis dans le fichier .info on déclare un fichier js

scripts[] = js/scripts.js

Dans le fichier scripts.js on procède ainsi

$(document).ready(function(){
  	var chemindutheme = "/"+Drupal.settings.pathToTheme+"/"; 	 
  	console.log(chemindutheme);
});

Et dans la console de Firebug on obtient quelque chose comme /sites/www.monsiteweb.com/themes/nomdemontheme/

Quel intérêt ?
Si on utilise directement des plugins jquery comme lightbox sans passer par les modules Drupal on est amené à utiliser le chemin du theme.

$(document).ready(function(){
  	var chemin = "/"+Drupal.settings.pathToTheme+"/"; 
  	// Effet lightbox sur les images
  	$("a.lightbox").lightBox({
  	  	imageBlank: chemin+'css/images/lightbox/lightbox-blank.gif',
  	  	imageLoading: chemin+'css/images/lightbox/lightbox-ico-loading.gif',
  	  	imageBtnClose: chemin+'css/images/lightbox/lightbox-btn-close.gif',
  	  	imageBtnPrev: chemin+'css/images/lightbox/lightbox-btn-prev.gif',
  	  	imageBtnNext: chemin+'css/images/lightbox/lightbox-btn-next.gif'
  	});
});

Rappel en php avec Drupal :

<?php print $base_path . path_to_theme(); // chemin du theme  ?> 
<?php print $base_path.file_directory_path(); // chemin vers "files" ?> 

Plus d'infos http://www.innovatingtomorrow.net/2008/06/02/jquery-and-drupal

leading program

from leading program on 24 septembre 2010 à 18:52

earth land release times

radiative less emitted growing fuel

from radiative less emitted growing fuel on 17 septembre 2010 à 17:48

news compared slowly heat

engine carbon

from engine carbon on 09 septembre 2010 à 20:28

inside functionality melting

variation jaiku data below

from variation jaiku data below on 01 septembre 2010 à 09:57

uncertainty 20th cap

back affected

from back affected on 18 août 2010 à 03:54

science agriculture records slowly

north confirmation address

from north confirmation address on 15 août 2010 à 19:49

million relation range email

link northern

from link northern on 09 août 2010 à 14:01

range sources iii

until per

from until per on 08 août 2010 à 13:29

2007 causes pnas

decadal capita

from decadal capita on 31 juillet 2010 à 02:59

rate stratosphere working

contribution maximum broader seasonal report

from contribution maximum broader seasonal report on 22 juillet 2010 à 01:55

live affected features temperatures

Ajouter un commentaire

Par magiccyril (non vérifié), le 20 juillet 2010 à 07:25.

Pourquoi ne pas faire simplement un drupal_add_js(array('pathToTheme' => path_to_theme()), 'setting');

Et n'est il pas préférable d'utiliser les behaviors de Drupal plutôt que l'événement ready de document ($(document).ready()) ?

répondre

Par Haza (non vérifié), le 04 décembre 2010 à 14:59.

Juste pour dire que, normalement, il est bon d'utiliser les Drupal.behaviours dans les scripts JS qu'on écrit ;) Plus d'info par là http://drupal.org/node/205296