faqts : Computers : Programming : Languages : JavaScript : XML

+ Search
Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

6 of 8 people (75%) answered Yes
Recently 6 of 8 people (75%) answered Yes

Entry

JavaScript: File: XML: Table: Operation: Load: Simple: How to: 1

Apr 15th, 2006 16:19
Knud van Eeden,


----------------------------------------------------------------------
--- Knud van Eeden --- 05 April 2006 - 00:10 am ----------------------

JavaScript: File: XML: Table: Operation: Load: Simple: How to: 1

===

Steps: Overview:

 1. -Create the following file

--- cut here: begin --------------------------------------------------

<!-------------------------------------------------------------------->
<HTML>
<!-------------------------------------------------------------------->
<SCRIPT>
 var fileP = new ActiveXObject( "Microsoft.XMLDOM" );
 var rootP = null;
 var rowP = null;
 var I = 0;
 fileP.load( "table.xml" );
 rootP = fileP.documentElement;
 rowP = rootP.childNodes;
  for ( I = 0; I <= rowP.length - 1; I++ ) {
  alert( "I = " + I );
  alert( rowP.item( I ).text );
 }
</SCRIPT>
<!-------------------------------------------------------------------->
</HTML>
<!-------------------------------------------------------------------->

--- cut here: end ----------------------------------------------------

 2. -Save it e.g. as

      table.htm

 3. -Create the follwing file

--- cut here: begin --------------------------------------------------

<?xml version="1.0" encoding="UTF-8"?>


<TABLE>


 <ROWHEADER>

  <COLUMNHEADER>
    columnheader1
  </COLUMNHEADER>

  <COLUMNHEADER>
    columnheader2
  </COLUMNHEADER>

  <COLUMNHEADER>
    columnheader3
  </COLUMNHEADER>

 </ROWHEADER>


 <ROW>

  <COLUMN>
    test11
  </COLUMN>

  <COLUMN>
    test12
  </COLUMN>

  <COLUMN>
    test13
  </COLUMN>

 </ROW>


 <ROW>

  <COLUMN>
    test21
  </COLUMN>

  <COLUMN>
    test22
  </COLUMN>

  <COLUMN>
    test23
  </COLUMN>

 </ROW>


 <ROW>

  <COLUMN>
    test31
  </COLUMN>

  <COLUMN>
    test32
  </COLUMN>

  <COLUMN>
    test33
  </COLUMN>

 </ROW>


</TABLE>

--- cut here: end ----------------------------------------------------

 4. -Save it e.g. as

      table.xml

 5. If you load this file

     table.htm

    in your browser, you will see
    the row numbers, followed by
    all the colomns of that row, at once.

--- cut here: begin --------------------------------------------------

I = 0

---

columnheader1

 columnheader1

 columnheader1

---

I = 1

test11

 test12

 test13

---

I = 2

test21

 test22

 test23

---

I = 3

test31

 test32

 test33

---

--- cut here: end ----------------------------------------------------

===

Tested successfully on
Microsoft Windows XP Professional (service pack 2),
running
Microsoft Internet Explorer v6.x

===

Internet: see also:

---

JavaScript: XML: Link: Overview: Can you give an overview of links?
http://www.faqts.com/knowledge_base/view.phtml/aid/40517/fid/616

----------------------------------------------------------------------