कई पृष्ठों में एक ही HTML कोड दोहराएं

मुझे इसके लिए खोज करने में बहुत मुश्किल समय है, क्योंकि मुझे नहीं पता कि इसे कैसे कॉल किया जाए।कई पृष्ठों में एक ही HTML कोड दोहराएं

मैं अपनी इच्छित प्रक्रिया का वर्णन करने की कोशिश करूंगा, और देख सकता हूं कि आप में से कोई भी ऐसा संपादक जानता है या नहीं। मेरे पास एक ऐसी वेबसाइट है जिसमें एक ही HTML घटक दोहराया गया है, उदाहरण के लिए, एक मेनू। मैं परिभाषित कर सकता हूं कि मेनू सीएसएस के साथ कैसा दिखता है, लेकिन मैं (जहां तक मुझे पता है) एक साधारण रेखा के साथ प्रत्येक एचटीएमएल पेज पर एचटीएमएल का एक ही टुकड़ा जोड़ सकता है। मैं क्या करता हूं, मेनू को हर जगह पर कॉपी करता है। अगर मैं मेनू बदलता हूं, तो मुझे इसे फिर से करने की ज़रूरत है। मुझे पता है कि यह एक गतिशील सर्वर का उपयोग करके हासिल किया जा सकता है, जैसे php या jsp, लेकिन मुझे गतिशील होने की आवश्यकता नहीं है।

मैं सोच रहा था कि ऐसा करने का कोई तरीका है या नहीं। मैंने सोचा कि संभवतः एक संपादक था, जहां मैं शामिल करके एचटीएमएल संपादित कर सकता हूं, और उसके बाद एचटीएमएल को संकलित करने के बाद एचटीएमएल को संकलित कर सकता हूं जो मैं अपने सर्वर पर बदल दूंगा।

धन्यवाद

स्रोत

2012-06-28 poet

आप jQuery के '.load()' समारोह का उपयोग कर इसे प्राप्त कर सकते हैं पर डाल दिया जाएगा। लेकिन मुझे लगता है कि आप jQuery आधारित समाधान की तलाश नहीं कर रहे हैं। –

यह PHP के लिए है। इससे कोई फर्क नहीं पड़ता कि सामग्री गतिशील है या नहीं। बस एक बार मेनू लिखें, और फिर जब भी आपको इसकी आवश्यकता हो तो इसे PHP के साथ शामिल करें। –

मुझे लगता है कि आप templating देख रहे हैं, और मुझे लगता है कि dreamweaver इस तरह की सुविधा है? –

server side includes पर एक नज़र ... बनाने के एक menu.shtml पृष्ठ बना सकती है और उसके बाद तो जैसे कि यह शामिल हैं:

<!--#include virtual="/menu.shtml" -->

(आईआईएस, अपाचे और lighttpd सहित) बॉक्स से बाहर सभी वेब सर्वरों द्वारा समर्थित इसके

स्रोत

2012-06-28 08:57:50 ManseUK

आप एक बाहरी फ़ाइल में js का एक सरल सा बारे में और उसके बाद प्रत्येक पृष्ठ में इसे कहते गतिशील मेनू लोड करने के लिए कर सकता है। फिर आप जेएस फ़ाइल को संपादित करके मेनू को संपादित कर सकते हैं। आपको बस इतना करना होगा कि HTML में शामिल हों और दस्तावेज़ का उपयोग करें .getElementById ("मेनू")। आंतरिक HTML = menuHTML; जहां मेन्यूएचटीएमएल एक चर है जिसमें मेनू का शुद्ध HTML कोड है। इसके बाद आप जे एस फ़ाइल शामिल कर सकते हैं और शरीर ऑनलोड में इसे कहते

स्रोत

2012-06-28 08:54:13

आप के बारे में सुना है MasterPage Concept

नीचे दिए गए लिंक आप एक जल्दी शुरू

मास्टर पेज पृष्ठ हैं, जिन्हें एक फ्रेम के रूप में कार्य कर रहे हैं दे देंगे अन्य सभी पृष्ठों के लिए। आपको इसे केवल एक लिखना है। और उसके अंतर्गत आने वाले प्रत्येक पृष्ठ में मास्टर पेज शामिल करना होगा। बस इतना ही!

स्रोत

2012-06-28 08:55:23 madhairsilence

आप jQuery के साथ ऐसा कर सकते हैं

मान लें आप page1.html page2.html आदि

आप इन में से प्रत्येक में चाहते हैं आपके contactinfo पेज। आप "info.txt" नाम से एक फाइल बना सकते हैं। उस स्थान पर जहां आप इस संपर्क जानकारी चाहते हैं, आप एक div डाल दिया। जैसा कि इस उदाहरण

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    </head> 
    <body> 
    <!-- page content --> 
    <div id="contact"></div> 
    </body> 
</html> 




<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 

<script> 
$(document).ready(function(){ 
     $("#contact").load("info.txt"); 
    ; 
}); 
</script>

तुम जो भी 'info.txt' में जगह में दिखाया स्थान की डाल रहे थे

स्रोत

2016-07-11 16:19:41 Richard

कई पृष्ठों में एक ही HTML कोड दोहराएं

उत्तर

संबंधित मुद्दे