Drupal 7. भाग 2 के लिए एक मॉड्यूल बनाना

प्रस्तावना

पहले भाग में मैंने दिखाया कि ड्रुपल 7 के लिए एक मॉड्यूल कैसे बनाया जाता है। और जैसा कि मैंने वादा किया था, अब मैं दिखाऊंगा कि मॉड्यूल में js-files को कैसे जोड़ा जाए (उनमें jQuery का उपयोग करें) और यह कैसे स्थानीय है।

Js फाइलें जोड़ना

सबसे पहले, मॉड्यूल फ़ोल्डर में किसी भी जेएस-फ़ाइल बनाएं। मैंने इसे main.js.

इसके बाद, लाइन को rss_feeds.info फ़ाइल में जोड़ें:

स्क्रिप्ट [] = main.js

अपने मॉड्यूल में, मैंने jQuery का उपयोग किया है। Main.js में, मैं अप बटन के लिए फ़ंक्शंस लागू करता हूं। संघर्षों से बचने के लिए, आपको निम्नलिखित लिखना होगा:

(function ($) { })(jQuery); 

और इस निर्माण में हम कोड लिखते हैं:

 $.fn.extend({ topMouseover: function(self) { this.on('mouseover',function() { self.opacity.stop().animate({opacity:"1"},300); self.button.stop().animate({opacity:"1"},300); }); }, topMouseout: function(self) { this.on('mouseout',function() { self.opacity.stop().animate({opacity:"0"},300); self.button.stop().animate({opacity:"0.4"},300); }); }, wScroll: function(g) { if(g == 0) this.removeClass("no-count"); if(!this.hasClass("no-count")){ if(g > 500 && this.is(":hidden")){ this.addClass("visible"); this.css("cursor","pointer"); this.fadeIn(500); this.click(function(){ $("body, html").animate({scrollTop:0},600); this.fadeOut(300); this.addClass("no-count"); }); } if(g < 200 && this.hasClass("visible")){ this.removeClass("visible"); this.fadeOut(300); } }else{ this.unbind("click"); } } }); function toTopBtn(toTop, opacity, btn) { this.toTopBtn = $(toTop); this.opacity = $(opacity); this.button = $(btn); this.windowScroll(); this._init(); return this; } toTopBtn.prototype = { _init: function () { var self = this; this.toTopBtn.topMouseover(self); this.toTopBtn.topMouseout(self); }, windowScroll: function() { var g = $(window).scrollTop(); this.toTopBtn.wScroll(g); } } $(document).ready(function() { upButton = new toTopBtn(".toTopWrapper",".toTopOpacity",".toTopBtn"); $(window).scroll(function(){ upButton.windowScroll(); }); }); 

लेकिन डिफ़ॉल्ट रूप से, Drupal 7 jQuery 1.4.4 के साथ आता है। इसमें .on () फ़ंक्शन को लागू नहीं किया गया है। JQuery अपडेट करने के लिए, क्वेरी अपडेट मॉड्यूल डाउनलोड करें। इसमें सब कुछ सहज है। सेटिंग्स में, वांछित संस्करण का चयन करें (मैंने 1.8 चुना)।

बटन दिखाई देने के लिए, हम rssfeeds_content.tpl.php फ़ाइल को संशोधित करते हैं:

 <div class="toTopWrapper"> <div class="toTopOpacity"></div> <div class="toTopPanel" title="Up"> <div class="toTopBtn"> <span class="arrow">↑</span> <span class="label">up</span> </div> </div> </div> <br><br> <?php foreach ($items->channel->item as $item): ?> <span class="title"><a href="<?php echo $item->link; ?>"><?php echo $item->title; ?></a></span><br><br> <?php echo $item->description; ?><br><br><?php echo $item->pubDate; ?> <hr><br><br> <?php endforeach; ?> 

... और main.css में शैलियाँ जोड़ें:

 /* "TO UP" BUTTON */ .toTopWrapper { position:fixed; top:0; bottom:0; left:0; width:7%; display:none; background-color: #87ceeb; opacity: 0.3; } .toTopOpacity { position:fixed; top:0; bottom:0; left:0; width:7%; background-color: #87ceeb; opacity: 0.1; } .toTopWrapper .toTopPanel { width:100%; height:100%; font-size:13px; color: black; padding-top:10px; position:relative; } .toTopWrapper .toTopBtn { text-align:left; line-height:15px; margin-left: 30%; font-family:tahoma,arial,verdana,sans-serif; font-weight:bold; opacity: 0.2; } .toTopWrapper .toTopBtn .arrow{ font-size:14px; font-weight:bold; vertical-align:middle; } /* END OF "TO UP" BUTTON */ 

अब, आरएसएस बटन की सामग्री प्रदर्शित करने वाले पृष्ठ पर अप बटन दिखाई देगा।

मॉड्यूल स्थानीयकरण

सभी मॉड्यूल अनुवाद अनुवाद फ़ोल्डर में संग्रहीत किए जाते हैं और कम से कम दो फ़ाइलों से मिलकर होते हैं - modulename.pot (यह अनुवाद टेम्पलेट है) और modulename.po (अनुवाद स्वयं)।

इन फ़ाइलों को जनरेट करने के लिए, ट्रांसलेशन टेम्प्लेट एक्सट्रैक्टर मॉड्यूल का उपयोग करें। इस मॉड्यूल को डाउनलोड और इंस्टॉल करें। अब एडमिन / कॉन्फिगर / रीजनल / ट्रांसलेट पेज पर जाएं और EXTRACT टैब को चुनें। हमारे मॉड्यूल का चयन करें और निकालें पर क्लिक करें:



हमें टेम्पलेट फ़ाइल rss_feeds.pot मिलता है , और इसे अनुवाद मॉड्यूल के फ़ोल्डर में सहेजें।

फिर हम ऐसा ही करते हैं, बस रूसी अनुवादों के लिए टेम्प्लेट फ़ाइल पर स्विच डाल दें और अनुवाद चेकबॉक्स को शामिल करें । हम प्राप्त किए गए अनुवाद rss_feeds.ru.po को उसी फ़ोल्डर में सहेजते हैं ।

अब वह सब कुछ .po फ़ाइल को खोलने और वहाँ अपने अनुवाद दर्ज करने के लिए है। अब, जब आप मॉड्यूल स्थापित करते हैं, तो अनुवाद स्वचालित रूप से आयात किया जाएगा।

निष्कर्ष

इस पर मैं द्रुपाल के लिए विकासशील मॉड्यूल के विषय पर लेख लिखना समाप्त करूंगा। परिणामी मॉड्यूल ड्रुपल की बहुत छोटी क्षमताओं को दर्शाता है, इसलिए बहुत कुछ सीखना बाकी है। मुझे उम्मीद है कि ये लेख Drupal सीखने के तरीके की शुरुआत में किसी की मदद करेंगे।

आपका ध्यान के लिए धन्यवाद!