Scribd Logo
Upload

Welcome to Scribd!

  • 16 views

    An ND N Documn MBDDD N NDD Documn Uu NN N Ook K

    Uploaded by

    Shane Ramiah
    An XML Data Island is an XML document embedded within HTML tags, usually within <xml> tags. It allows data to be retrieved from XML and displayed in a table. XML Data Islands only work in Internet Explorer browsers. To display the XML data in other browsers like Firefox, a JavaScript function can be used to parse and render the XML contents. The example shows parsing the XML data stored in an <xml> tag using JavaScript and displaying the artist and title fields in a table for browsers that do not support XML Data Islands natively.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    An ND N Documn MBDDD N NDD Documn Uu NN N Ook K

    Uploaded by

    Shane Ramiah
    16 views4 pages
    An XML Data Island is an XML document embedded within HTML tags, usually within <xml> tags. It allows data to be retrieved from XML and displayed in a table. XML Data Islands only work in Internet Explorer browsers. To display the XML data in other browsers like Firefox, a JavaScript function can be used to parse and render the XML contents. The example shows parsing the XML data stored in an <xml> tag using JavaScript and displaying the artist and title fields in a table for browsers that do not support XML Data Islands natively.

    Original Description:

    Original Title

    XML Data Island

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    An XML Data Island is an XML document embedded within HTML tags, usually within <xml> tags. It allows data to be retrieved from XML and displayed in a table. XML Data Islands only work in Internet Explorer browsers. To display the XML data in other browsers like Firefox, a JavaScript function can be used to parse and render the XML contents. The example shows parsing the XML data stored in an <xml> tag using JavaScript and displaying the artist and title fields in a table for browsers that do not support XML Data Islands natively.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    16 views4 pages

    An ND N Documn MBDDD N NDD Documn Uu NN N Ook K

    Uploaded by

    Shane Ramiah
    An XML Data Island is an XML document embedded within HTML tags, usually within <xml> tags. It allows data to be retrieved from XML and displayed in a table. XML Data Islands only work in Internet Explorer browsers. To display the XML data in other browsers like Firefox, a JavaScript function can be used to parse and render the XML contents. The example shows parsing the XML data stored in an <xml> tag using JavaScript and displaying the artist and title fields in a table for browsers that do not support XML Data Islands natively.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 4

    XML Data Island

    What is an XML Data Island?


    An XML Data Island is an XML document embedded in a standard HTML/XHMTL document, usually within an <xml> tag. The initial page looks like this:

    <html>
    <head> ... </head> <body> <h1>Header</h1> <p>Text here ... </p> ... <xml id="scoreData"></xml> </body> </html>

    XML Data Islands only works with Internet Explorer browsers.

    XML Data Island Example in Internet Explorer


    <html> <body> <xml id="cdcat"> <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </CD> <CD> <TITLE>Hide your heart</TITLE> <ARTIST>Bonnie Tyler</ARTIST> <COUNTRY>UK</COUNTRY> <COMPANY>CBS Records</COMPANY> <PRICE>9.90</PRICE> <YEAR>1988</YEAR> </CD> </CATALOG> </xml>

    1|Page

    <table border="1" datasrc="#cdcat"> <tr> <td><span datafld="ARTIST"></span></td> <td><span datafld="TITLE"></span></td> </tr> </table> </body> </html>

    On internet explorer the page will be rendered as shown in Figure 1 below:

    Figure 1: Internet Explorer Preview

    The data is retrieve from the XML to be displayed in a table. In this example ARTIST and TITLE is being shown. However Firefox do not render the page the same way, as it has no support for XML Data Island.

    Solution on Firefox
    Possible solution to make use of XML Data Island on Firefox is to write a Javascript function to parse and render the XML data.

    <html> <head> <script> varxmlDoc_modules; functionparseXML(){ varxmlNode = document.getElementById(' cdcat').innerHTML; xmlDoc_modules = loadXMLString(xmlNode); displayItems(); } functionloadXMLString(txt) { varxmlDoc; try //Internet Explorer { xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false"; xmlDoc.loadXML(txt); //xmlDoc.encoding="UTF-8";

    2|Page

    returnxmlDoc; } catch(e) { try //Firefox, Mozilla, Opera, etc. { var parser=new DOMParser(); xmlDoc=parser.parseFromString(txt,"text/xml"); xmlDoc.encoding="UTF-8"; returnxmlDoc; } catch(e) {alert(e.message)} } return(null); }//end function loadXMLString functiondisplayItems() { vartable_str= "<br/><table border=1>"; varmodules_div = document.getElementById("div_modules"); varmodules_node=xmlDoc_modules.childNodes[0]; varlen = modules_node.childNodes.length; for (i=0; i<len ;i++) { try{ table_str = table_str + "<tr><td>"; var artist = modules_node.childNodes[i].childNodes[1].firstChild.nodeValue; table_str = table_str + artist +"</td><td>"; var title = modules_node.childNodes[i].childNodes[0].firstChild.nodeValue; table_str = table_str + title +"</td></tr>"; } catch(e){alert(e.message)} } table_str = table_str + "</table>"; modules_div.innerHTML = table_str; }//end function displayItems()

    </script> </head> <body onload=parseXML();> <xml id="cdcat" style="display:none"> <catalog><cd><TITLES>Empire Burlesque</TITLES><ARTIST>Bob Dylan</ARTIST><COUNTRY>USA</COUNTRY><COMPANY>Columbia</COMPANY><PRICE>10.90</PRICE><YEAR>1985< /YEAR></cd><cd><TITLES>Hide your heart</ TITLES><ARTIST>Bonnie

    3|Page

    Tyler</ARTIST><COUNTRY>UK</COUNTRY><COMPANY>CBS Records</COMPANY><PRICE>9.90</PRICE><YEAR>1988</YEAR></cd></catalog> </xml> <div id="div_modules"></div>

    </body> </html>

    4|Page

    You might also like