I am new to the DOM, but i try to figure out this simple tutorial on
the book, and make it extractly the same as it is written.
but when I run the program it okay, but when I click on the covert
button it says that it is output is undefined
Main File
---------------------------------------------------------------------
<html>
<head><title>
Currency Conversion
</title></head>
<FRAMESET COLS="40%,60%">
<FRAME SRC="conversion .html" NAME="conversio n">
<FRAME SRC="prices.xml " NAME="xml">
</FRAMESET>
</html>
---------------------------------------------------------------------
file:prices.xml
==============
<?xml version="1.0" ?>
<?xml-stylesheet href="prices.cs s" type="text/css"?>
<products>
<product>
<namexML editor</name>
<price45.33</price>
</product>
<product>
<name>ebook</name>
<price4.33</price>
</product>
<product>
<namejava</name>
<price145.33</price>
</product>
<product>
<namecocola</name>
<price34.3</price>
</product>
</products>
----------------------------------------------------------
file:prices.css
==============
product
{
display: block;
font-family: Palatino,Garamo nd, "Times New Roman", serif;
}
name
{
font-weight: bold;
}
---------------------------------------------------------------------
file:Conversion .html
=============== ====
<HTML><HEAD>
<TITLE>Conversi on</TITLE>
<SCRIPT LANGUAGE="JavaS cript">
function convert(form,xm ldocument)
{
var output= form.output;
rate = form.rate.value ;
output.value="" ;
var toplevel= xmldocument.doc umentElement;
searchPrice(top level,output,ra te)
}
function searchPrice(nod e,output,rate)
{
if(node.nodeTyp e==1)
{
if(node.nodeNam e == "price")
output.value +=(getText(node ) * rate) + "\r";
var children, i ;
children = node.childNodes ;
for(i=0; i < children.length ; i++)
searchPrice(chi ldren.item(i),o uput,rate);
}
}
function getText(node)
{
if(node.nodeTyp e == 1)
{
var text="",
children=node.c hilNodes, i;
for(i=0; i<children.leng th; i++)
if(children.ite m(i).nodeType== 3)
text+=children. item(i).data;
return text;
}
else
return "";
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<FORM ID="controls">
Rate: <INPUT TYPE="TEXT" NAME="rate" VALUE="0.9333" SIZE="4"><BR>
<INPUT TYPE="BUTTON"
ONCLICK="conver t(controls,pare nt.xml.document )" VALUE="Convert" >
<INPUT TYPE="BUTTON" VALUE="Clear" ONCLICK="output .value=''"><BR>
<TExTAREA NAME="output" ROWS="10" COLS="30"></TExTAREA>
</FORM>
</CENTER>
</BODY>
</HTML>
