logo

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

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

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

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

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

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

स्क्रॉल

कैसे ऐसा किया जाए कि पूरी पृष्ठ को फिर से लोड न किया जाए

22/02/2025, by अज्ञात (सत्यापित नहीं)

नमस्ते।

 

मैं Drupal 7 के लिए एक थीम बना रहा हूँ, सब कुछ ठीक चल रहा है। कुछ सवाल उठ रहे हैं।

 

मेरी थीम के बारे में थोड़ा सा।

मुख्य मेनू प्राइमरी लिंक क्षेत्र में है (जहाँ सामग्री का प्रकार चुना जाता है) (और हेडर क्षेत्र में)

एक विशेष प्रकार के लेखों के लिए नेविगेशन मेनू है, जो मुख्य मेनू से बदलता है। (बाएँ कॉलम क्षेत्र में) और (मुख्य-wrapper क्षेत्र में)

और एक कंटेंट कॉलम है जिसमें वास्तव में मुख्य मेनू के अनुसार विशेष कंटेंट टाइप प्रदर्शित होता है।  (दाएँ कॉलम क्षेत्र में) और (मुख्य-wrapper क्षेत्र में)

 

पहला सवाल। 

कैसे ऐसा किया जाए कि प्राइमरी लिंक में चयन करते समय केवल नीचे की संरचना वाला क्षेत्र पुनः लोड हो? इसके अनुसार  मुख्य-wrapper क्षेत्र

फिर बाएँ कॉलम क्षेत्र में चयन करने पर केवल दाएँ कॉलम क्षेत्र पुनः लोड हो।

मुझे लगता है कि यहाँ AJAX का उपयोग करना चाहिए, लेकिन इस विषय पर मुझे कुछ स्पष्ट नहीं मिला।

 

दूसरा सवाल

कैसे ऐसा किया जाए कि बाएँ कॉलम में एक विशेष कंटेंट टाइप प्रदर्शित हो। (विशेष प्रकार-फॉर्म) मुख्य मेनू के प्रत्येक आइटम के लिए अलग-अलग सूची और इसके अनुसार दाएँ कॉलम में बाएँ कॉलम में चयनित तत्व के आधार पर।

 

तीसरा सवाल

मैंने 3 कॉलम बनाए हैं और उनकी ऊँचाई अलग-अलग है। मैं चाहता हूँ कि वे एक ही ऊँचाई के हों। फॉर्मेटिंग के लिए Div का उपयोग कर रहा हूँ।

 

page.tpl.php में मैं Drupal 7 का उपयोग कर रहा हूँ

कोड का अगला हिस्सा

 

<script language="JavaScript" type="text/javascript">

	function setEqualHeight(columns){
		var tallestcolumn = 0;
		columns.each(function(){
			currentHeight = $(this).height();
			if(currentHeight > tallestcolumn){
				tallestcolumn = currentHeight;
				}
			}
		);
		columns.height(tallestcolumn);
	}
	$(document).ready(function() {
		setEqualHeight($(".container > div"));

});

</script>

 

 

काम नहीं कर रहा !!!
 
मैं क्या गलत कर रहा हूँ। मैंने पूरा दिन बर्बाद कर दिया।
 
उदाहरण लिया http://habrahabr.ru/blogs/css/64173/
 

इस समस्या को अंततः रात के खाने के बाद सुलझा लिया :) पता चला कि Drupal 7 में $ लिखने पर यह पसंद नहीं करता है

इसे jQuery से बदलना होगा और सब कुछ तुरंत काम करने लगा।

जैसा कि मैंने पढ़ा, इसका कारण यह है कि jQuery noConflict मोड में काम करता है यह लगभग इस तरह होना चाहिए

 

jQuery(document).ready(function() { setEqualHeight(jQuery(".container > div")); });

 

तो हर जगह $ को jQuery से बदलें और आपको खुशी मिलेगी। 

उम्मीद है कि यह जानकारी किसी के लिए उपयोगी होगी।

 

पहले 2 सवाल खुले रहते हैं।