मैं एक <table> कैसे जोड़ सकता हूँ IE6 में प्रोटोटाइप के साथ तत्वों का उपयोग करके?

वोट
4

प्रोटोटाइप 1.6 के नया तत्व (...) का उपयोग करना मैं एक <table> तत्व बनाने के लिए दोनों के साथ एक <thead> और <tbody> लेकिन कुछ भी IE6 में होता है कोशिश कर रहा हूँ।

var tableProto = new Element('table').update('<thead><tr><th>Situation Task</th><th>Action</th><th>Result</th></tr></thead><tbody><tr><td>a</td><td>b</td><td>c</td></tr></tbody>');

मैं तो इस तरह यह की प्रतियां इंजेक्षन कोशिश कर रहा हूँ:

$$('div.question').each(function(o) {
  Element.insert(o, { after:$(tableProto.cloneNode(true)) });
});

मेरे वर्तमान workaround तालिका एचटीएमएल के सभी के साथ अद्यतन यह एक <div> के बजाय एक <table> तत्व बनाने के लिए है, और फिर।

कैसे एक सफलतापूर्वक इस करता है?

24/09/2008 को 23:40
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


2 जवाब

वोट
2

प्रोटोटाइप '.update () विधि आंतरिक .innerHTML स्थापित करने के लिए कोशिश करता है तो यह IE में असफल हो जायेगी। आईई में, एक मेज तत्व की .innerHTML केवल पढ़ने के लिए है

स्रोत:

http://webbugtrack.blogspot.com/2007/12/bug-210-no-innerhtml-support-on-tables.html

24/09/2008 को 23:59
का स्रोत उपयोगकर्ता

वोट
5

यह पता चला है के रूप में, उदाहरण के कोड मैं प्रश्न में उपलब्ध कराई गई कुछ भी गलत नहीं है - यह ठीक IE6 में काम करता है। मुद्दा मैं का सामना करना पड़ रहा था कि मैं भी गलत तरीके से निर्माता में <table> तत्व के लिए एक वर्ग को निर्दिष्ट किया गया है, लेकिन छोड़े गए कि मेरे उदाहरण से।

'असली' कोड इस प्रकार था, और गलत है:

var tableProto = new Element('table', { class:'hide-on-screen'} ).update('<thead><tr><th>Situation Task</th><th>Action</th><th>Result</th></tr></thead><tbody><tr><td>a</td><td>b</td><td>c</td></tr></tbody>');

यह फ़ायरफ़ॉक्स में ठीक से काम करता है, लेकिन IE6 में विफल रहता है, क्योंकि यह है गलत

इस निर्माता के माध्यम से एक तत्व विशेषताएं जोड़ने का तरीका सही तरीका तार प्रदान करता है, बस विशेषता नाम नहीं है। निम्नलिखित कोड दोनों ब्राउज़र में काम करता है:

var tableProto = new Element('table', { 'class':'hide-on-screen'} ).update('<thead><tr><th>Situation Task</th><th>Action</th><th>Result</th></tr></thead><tbody><tr><td>a</td><td>b</td><td>c</td></tr></tbody>');

वहाँ "वर्ग" जावास्क्रिप्ट में एक आरक्षित शब्द होने के कारण कोई त्रुटि है। रवींद्र!

इस जो लोग अपने आपूर्ति नहीं करते के लिए एक सबक हो वास्तविक कोड!

25/09/2008 को 03:21
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more