Bir görünüme özgü JavaScript'i nasıl eklerim?

Sitemde belirli bir sınıf adı olan bir manzara var. Bir temanın template.php dosyasında, istenen sayfada belirli bir sınıf adına sahip bir görünüm olup olmadığını nasıl bilebilirim.

Bu benim için çok önemli çünkü belirli bir sınıf adına sahip bir görüntü (resim galerisi gibi) bir sayfada kullanıldığında belirli JavaScript ve CSS eklemem gerekiyor.

Bunu template_preprocess_views_view()yapmak için kancayı kullanabilirsiniz :

function THEME_preprocess_views_view(&$vars) {
  $view = &$vars['view'];
  // Make sure it's the correct view
  if ($view->name == 'your-view-name') {
    // add needed javascript
    drupal_add_js(drupal_get_path('theme', 'your-theme') . '/your-js.js');
    // add needed stylesheet
    drupal_add_css(drupal_get_path('theme', 'your-theme') . '/your-css.css');
  }
}

Aşağıdakileri kullanarak görünümün belirli görüntüsünü de kontrol edebileceğinizi unutmayın:

if ($view->name == 'your-view-name' && $view->current_display == 'your-display-id') {
  // include javascript & css here
}

Bunun gibi özel bir css sınıfını kontrol edebilmelisiniz:

if ($view->name == 'your-view-name' && $view->display[$view->current_display]->display_options['css_class'] == 'your-css-class') {
   // include javascript & css here
}

Sayfada hangi görünümün sunulmakta olduğunu bulmak için views_get_page_view işlevini kullanabilirsiniz. Görüntüleme nesnesini döndürür. Aşağıdaki kod pasajında, görünüm makinesinin okunabilir adıyla karşılaştırmanız gerektiğini unutmayın; ancak elbette views_get_page_view tarafından döndürülen görüntüleme nesnesine dayanarak kendi karşılaştırmanızı yazabilirsiniz.

function YOURTHEMENAME_preprocess_page(&$variables) {
    $view = views_get_page_view();
    if($view->name == 'YOURVIEW') {
    //Do what ever you want 
    }

Sırf bu soruya rastlayan herhangi biri için faydalı olması durumunda, Drupal View'a JavaScript eklemek için yaptığım gibi arama . D7 ve Gösterim 3.7 açısından, aşağıdakiler benim için en iyisidir:

function HOOK_views_pre_render ( &$view ) { 
  /// check to make sure the view has a classname
  if ( $view->display_handler && !empty($view->display_handler->options['css_class']) ) {
    $cln = $view->display_handler->options['css_class'];
    $cls = 'CLASS GOES HERE';
    /// test that the classname contains our class
    if ( preg_match('/(^|\s+)' . preg_quote($cls) . '(\s+|$)/i', $cln) ) {
      /// build the path to the js, which is local to my module, js/view.js
      $sep = DIRECTORY_SEPARATOR;
      $dir = rtrim(drupal_get_path('module', 'HOOK'), $sep);
      $pth = "{$dir}{$sep}js{$sep}view.js";
      drupal_add_js($pth);
    }
  }
}

Bu, tema yerine kodumu modülümde tutmak istediğim için faydalıydı - çünkü JavaScript'in getirdiği yeniliklerin görsel görünümle hiçbir ilgisi yoktu.

NOT: Açıkçası HOOK, her iki yerde de modül adınız CLASS GOES HEREile değiştirilmeli ve ayrıca aradığınız sınıfla değiştirilmelidir.

Eğer drupal 6 veya 7'deyseniz, javascript varlıklarını da modül bağlamı ekle varlıklarına dahil edebilirsiniz. Hangi bağlam gerektirir, ancak görünüm oluşturulurken her zaman ekleneceğinden emin olabilirsiniz.

https://drupal.org/project/context_addassets

Modülün proje sayfasından:

Belirli bir görünüm veya blok oluşturulurken hiç javascript veya css eklemek istediniz mi? Veya hiç kod yazmak zorunda kalmadan sadece ön sayfa için javascript veya css eklemek istediniz mi?

Bağlam ekleme varlıkları bunu yapmanıza izin verir. Bunları herhangi bir kod yazmadan yapabilmeniz için kullanıcı arayüzünü kullanmak kolaydır. Ctools kullandığı için bunların hepsi de ihraç edilebilir.

JQuery's hasClass () öğesini kullanarak görünümde belirli bir sınıfı arayan JavaScript kodunu yazın ve koşul yerine getirildiğinde JavaScript dosyanızı ekleyin.

Başka bir yol, görünümünüz için bir şablon koymak ve drupal_add_js () kullanarak bu şablona JavaScript kodu eklemektir .