logo

एक्स्ट्रा ब्लॉक टाइप्स (EBT) - नया लेआउट बिल्डर अनुभव❗

एक्स्ट्रा ब्लॉक टाइप्स (EBT) - स्टाइलिश, कस्टमाइज़ेबल ब्लॉक टाइप्स: स्लाइडशो, टैब्स, कार्ड्स, एकॉर्डियन्स और कई अन्य। बैकग्राउंड, DOM बॉक्स, जावास्क्रिप्ट प्लगइन्स के लिए बिल्ट-इन सेटिंग्स। आज ही लेआउट बिल्डिंग का भविष्य अनुभव करें।

डेमो EBT मॉड्यूल्स EBT मॉड्यूल्स डाउनलोड करें

❗एक्स्ट्रा पैराग्राफ टाइप्स (EPT) - नया पैराग्राफ्स अनुभव

एक्स्ट्रा पैराग्राफ टाइप्स (EPT) - एनालॉजिकल पैराग्राफ आधारित मॉड्यूल्स का सेट।

डेमो EPT मॉड्यूल्स EPT मॉड्यूल्स डाउनलोड करें

स्क्रॉल

jQuery के बिना JavaScript को पुनः लिखने के लिए Chat GPT का उपयोग करना

02/09/2025, by Ivan

jQuery को JavaScript में पुनः लिखने के लिए ChatGPT प्रॉम्प्ट

यदि आप jQuery कोड को शुद्ध JavaScript में ChatGPT की मदद से दोबारा लिखना चाहते हैं, तो chat.openai.com पर जाएँ और निम्नलिखित स्पष्ट और संक्षिप्त प्रॉम्प्ट दर्ज करें:

कृपया निम्नलिखित jQuery कोड को वनीला JavaScript में पुनः लिखें, उसी कार्यक्षमता को बनाए रखते हुए। आधुनिक JavaScript मानकों (ES6+) के अनुरूप हो। साथ ही, यदि उपयुक्त हो तो Drupal.behaviors का उपयोग शामिल करें। [यहाँ अपना jQuery कोड चिपकाएँ]

[यहाँ अपना jQuery कोड चिपकाएँ] स्थान को उस jQuery कोड से बदलें जिसे आप कन्वर्ट करना चाहते हैं।

यहाँ एक jQuery से JavaScript में कन्वर्ज़न का उदाहरण दिया गया है:

(function ($, Drupal) {
  Drupal.behaviors.myBehavior = {
    attach: function (context, settings) {
      // पृष्ठ लोड पर प्रति एलिमेंट एक बार ही चले
      $('.my-class', context).once('myBehavior').each(function () {
        $(this).click(function () {
          alert('Element clicked: ' + $(this).text());
        });
      });

      // डायनामिक रूप से क्लास जोड़ने का उदाहरण
      $('.toggle-button', context).once('toggleBehavior').click(function () {
        $('.toggle-target').toggleClass('active');
      });
    }
  };
})(jQuery, Drupal);

jQuery के बिना पुनः लिखा गया JavaScript कोड:

(function (Drupal) {
  Drupal.behaviors.myBehavior = {
    attach: function (context, settings) {
      context.querySelectorAll('.my-class').forEach(function(element) {
        if (!element.dataset.myBehaviorAttached) {
          element.dataset.myBehaviorAttached = true;
          element.addEventListener('click', function () {
            alert('Element clicked: ' + element.textContent);
          });
        }
      });

      context.querySelectorAll('.toggle-button').forEach(function(button) {
        if (!button.dataset.toggleBehaviorAttached) {
          button.dataset.toggleBehaviorAttached = true;
          button.addEventListener('click', function () {
            document.querySelectorAll('.toggle-target').forEach(function(target) {
              target.classList.toggle('active');
            });
          });
        }
      });
    }
  };
})(Drupal);
उपनाम