Drupal और jQuery. पाठ 8. Drupal 7 में jQuery UI और jQuery UI Tabs को जोड़ना

फ़ाइल का कोड

/sites/all/modules/custom/custom.info

name = custom
description = custom module
core = 7.x

/sites/all/modules/custom/custom.module

<?php
 
  drupal_add_library('system', 'ui.tabs');

CSS कोड:

#tabs{
  border: 0px;
}
 
.ui-tabs-nav{
  background: none;
  border: none;
}

node-product.tpl.php में HTML कोड:

<div id="tabs">
      <ul>
        <li>
          <a href="#tabs-1">विवरण</a>
        </li>
        <li>
          <a href="#tabs-2">विशेषताएँ</a>
        </li>
      </ul>
 
      <div id="tabs-1">
        <?php
          print render($content['body']);
        ?>
      </div>
      <div id="tabs-2">
        <?php
          print render($content);
        ?>
      </div>
    </div>

शुरू करने के लिए सबसे पहले एक कस्टम मॉड्यूल बनाना आवश्यक है।

https://rupalbook.org/content/iz-chego-sostoit-modul-drupala

अब आपको अपने custom मॉड्यूल का weight कोर मॉड्यूल्स से अधिक सेट करना होगा। इसके लिए phpMyAdmin के माध्यम से डेटाबेस में जाएँ और मॉड्यूल का weight 100 या उससे अधिक सेट करें। मॉड्यूल की प्रविष्टि आपको system तालिका में मिलेगी:

अब custom मॉड्यूल में आप jQuery UI प्लगइन्स जोड़ सकते हैं, उदाहरण के लिए इस प्रकार:

<?php
drupal_add_library('system', 'ui.tabs');
drupal_add_library('system', 'ui.accordion');

इस कोड को आप मॉड्यूल की शुरुआत में, PHP के प्रारंभिक टैग के ठीक बाद डाल सकते हैं।