7
votes

Comment ajouter JS à Drupal 7

Je veux ajouter le FORRST SAP à un site Web Drupal 7.

Tout d'abord, ceci implique l'ajout du script jquery.sap.js sur le site que je peux faire via mes thèmes .Info fichier. Je crois comprendre que je dois remplacer que JQuery est désormais espacée pour éviter les conflits avec d'autres bibliothèques JavaScript telles que le prototype. Tout votre code qui s'attend à utiliser jQuery comme $ doit être enveloppé dans un contexte extérieur comme. xxx

mais je ne sais pas comment spécifier les comportements de Drupal pour cette code?

Deuxièmement, je dois ajouter le code en ligne: xxx

Je pense que je peux le faire avec drupal_add_js, mais je ne suis pas sûr que je ne suis pas sûr de savoir comment Allez-y via le fichier template.php?

Merci pour votre aide!


0 commentaires

3 Réponses :


9
votes

Voici un petit code de chaudière pour ajouter un fichier JavaScript à Drupal.

(function ($) {
  Drupal.behaviors.[myName] =  {
    attach: function(context, settings) {

      //Begin my code
      var myVarOne,
          myVarTwo;

      $('#item').sap({
        distanceFromTheTop: 0
      });
     //I'm done with my code

    }
  };
})(jQuery);


2 commentaires

Dans Drupal 7, Normalement, vous n'avez pas besoin d'utiliser drupal_add_ {JS, CSS} () (). Utilisez #attached à la place (fonctionne avec des formulaires et des tableaux de rendu de page).


+1 pour la réponse et le commentaire avec mentionner #attaché , mais je manque toujours une bonne documentation pour l'utilisation de #attaché ! Mais voici un excellent tutoriel pour " Gestion de JavaScript à Drupal 7 " de drupal.org.



2
votes

J'ai utilisé la ligne suivante pour ajouter du code JavaScript à mon site de Drupal: xxx pré>

et la ligne suivante Pour transmettre une simple variable de données à la ci-dessus inclus / js / mycode .js strud>: p> xxx pré>

La variable ci-dessus est accessible dans mycode.js strong> via les éléments suivants: p>

Drupal.settings.my_module.key;


0 commentaires

0
votes

Nous pouvons ajouter JS dans Drupal en suivant la méthode suivante

1.) par drupal_add_js () code> fonction p>

drupal_add_js () code> est Drupal API Fonction à inclure JS. P>

Exemple: strong> p> xxx pré>

// Ajouter JS fichier p>

function mytheme_preprocess_page(&$vars, $hook) {
  if (true) {
    drupal_add_js(drupal_get_path('theme', 'mytheme') . '/mytheme.js');
    $vars['scripts'] = drupal_get_js(); // necessary in D7?
  }
}


0 commentaires