2014-09-23 9 views
5

मैं ज़ोहो में काम कर रहा हूं। मेरे पास 2 पेज हैं जिन्हें test और test2 बनाया गया है। मुझे table तक पहुंचने की आवश्यकता है जो पृष्ठ test page से मौजूद है। मुझे लगता है, मुझे कुछ नाम से table पर कॉल करने की आवश्यकता है। क्या कोई तंत्र है जिसके द्वारा मैं test पृष्ठ से test2 table तक पहुंच सकता हूं।किसी अन्य HTML पृष्ठ से तालिका को कैसे कॉल करें

+0

संभावित रूप से डुप्लिकेट http://stackoverflow.com/questions/25993243/how-to-call-another-table-in-the-same-page – Sam1604

+0

आप उस पृष्ठ पर केवल AJAX का उपयोग कर सकते हैं तालिका सामग्री प्राप्त करते हैं और इसमें संलग्न होते हैं आपका पृष्ठ – divakar

उत्तर

3

आप जावास्क्रिप्ट में LocalStorage (http://www.w3schools.com/html/html5_webstorage.asp) का उपयोग कर सकते हैं। आप क्या करेंगे अपने test2 फॉर्म के डेटा (उदाहरण के लिए जेएसओएन का उपयोग करके) को क्रमबद्ध करें, और LocalStorage में स्टोर करें जो आपकी दूसरी विंडो, परीक्षण, भी पहुंच पाएगा।

उदाहरण के लिए, test2 में आप कुछ इस तरह होगा:

var tableHTML = document.getElementById("yourTableID").innerHTML; 
window.localStorage["sharedTable"] = tableHTML; 

और test में आप होगा:

var tableHTML = window.localStorage["sharedTable"]; 
var table = document.createElement('table'); 
table.innerHTML = tableHTML; 
//now table will be just like what you would get in test2 window if you did document.getElementById('yourTableId'); 

यहाँ एक डेमो के लिए एक अनोखी स्थिति की तरह है ... मेरे पास दो JSFiddles हैं जो आपके दो विंडोज़/पृष्ठों का प्रतिनिधित्व करते हैं। पहला लिंक पहले खोलें क्योंकि यह test2 का प्रतिनिधित्व करता है जिसे सुलभ होने के लिए पहले चलाना चाहिए। फिर दूसरा खोलें और अन्य पेज से तालिका HTML को सतर्क करें।

ओपन पहले (पृष्ठ 2): http://jsfiddle.net/mLy4tje2/

ओपन दूसरा: (पृष्ठ 1); http://jsfiddle.net/qx2xodns/

+0

ठीक स्थानीय संग्रहण की कोशिश कर रहा है, आपको बताएगा, धन्यवाद – Invoker

+0

ध्यान रखें कि यह पुराने ब्राउज़र के साथ संगत नहीं होगा - इसका मतलब जवाब में रखना है। –

+0

एक त्वरित डेमो देखें –

0

आप एक अलग html पृष्ठ के रूप में एक तालिका बनाने के लिए, और iframe टैग का उपयोग परीक्षण और test2 में यह प्रदर्शित कर सकता है।

iframe Reference

यह एक स्थायी समाधान नहीं है। दो पृष्ठों के बीच एक एचटीएमएल साझा करना एक विचार है।

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