You are on page 1of 12

PROGRAM: 1 Make two XML files which contain Politician database

with their name, age, contact number and parti_name.display the


politician data in an HTML file without using ‘for’ loop.

a.xml

<?xml version="1.0"?>
<politician>
<name>Mr.Narendra Modi</name>
<age>55</age>
<contact>9876543210</contact>
<party_name>BJP</party_name>
</politician>

b.xml

<?xml version="1.0"?>
<politician>
<name>Sonia Gandhi</name>
<age>60</age>
<contact>9876543434</contact>
<party_name>Congress</party_name>
</politician>

Politician.html

<html>
<title>multiple input from file</title>
<head>
<script language="javascript">
var root1,root2;
var xmldoc1=new ActiveXObject("microsoft.xmldom");
xmldoc1.load("a.xml");
var xmldoc2=new ActiveXObject("microsoft.xmldom");
xmldoc2.load("b.xml");

function s()
{
if((xmldoc1.readyState=="4")&&(xmldoc2.readyState=="4"))
{
load();
}
else
{
alert("cant start...");
}

function load()
{
root1=xmldoc1.documentElement;
root2=xmldoc2.documentElement;

name1.innerText=root1.childNodes.item(0).text;
age1.innerText=root1.childNodes.item(1).text;
contact_no1.innerText=root1.childNodes.item(2).text;
party_name1.innerText=root1.childNodes.item(3).text;

name2.innerText=root2.childNodes.item(0).text;
age2.innerText=root2.childNodes.item(1).text;
contact_no2.innerText=root2.childNodes.item(2).text;
party_name2.innerText=root2.childNodes.item(3).text;
}

</script>
</head>
<body onload=s()>

Name:<span id=name1></span><br>
Age:<span id=age1></span><br>
Contact no:<span id=contact_no1></span><br>
Party name:<span id=party_name1></span><br>
Name:<span id=name2></span><br>
Age:<span id=age2></span><br>
Contact no:<span id=contact_no2></span><br>
Party name:<span id=party_name2></span><br>
</body>
</html>
Output:
PROGRAM: 2 Make two XML files which contain Politician database
with their name, age, contact number and parti_name.display the
politician data in an HTML file with ‘for’ loop.

a.xml

<?xml version="1.0"?>
<politician>
<name>Mr.Narendra Modi</name>
<age>55</age>
<contact>9876543210</contact>
<party_name>BJP</party_name>
</politician>

b.xml

<?xml version="1.0"?>
<politician>
<name>Sonia Gandhi</name>
<age>60</age>
<contact>9876543434</contact>
<party_name>Congress</party_name>
</politician>

Politician1.html

<html>
<title>multiple input from file</title>
<head>
<script language="javascript">
var root1,root2,name1;
var xmldoc1=new ActiveXObject("microsoft.xmldom");
xmldoc1.load("a.xml");
var xmldoc2=new ActiveXObject("microsoft.xmldom");
xmldoc2.load("b.xml");

function start()
{
if((xmldoc1.readyState=="4")&&(xmldoc2.readyState=="4"))
{
load();
}
else
{

alert("process cant start...");


}
}

function load()
{
var i;
root1=xmldoc1.documentElement;
root2=xmldoc2.documentElement;
if(root1==null)
{
alert(" process cant start");
}
else
{
nodecount=root1.childNodes.length;
for(i=0;i<nodecount;i++)
{
document.write(root1.childNodes.item(i).nodeName+"::");
document.write(root1.childNodes.item(i).text);
document.write("<br>");

}
}
document.write("<br>");
if(root2==null)
{
alert("process cant start");
}
else
{
nodecount1=root2.childNodes.length;
for(i=0;i<nodecount1;i++)
{
document.write(root2.childNodes.item(i).nodeName+"::");
document.write(root2.childNodes.item(i).text);
document.write("<br>");
}
}
}

</script>
</head>
<body onload=start()>
</body>
</html>
Output:
PROGRAM: 3 Make an XML files which contain Politician database
with their name, age, contact number and parti_name.display the
above XML file with an HTML table.

c.xml

<?xml version="1.0"?>

<politicians>
<politician>
<name>Mr. Narendra Modi </name>
<age> 55 </age>
<contact>9879654321</contact>
<party_name>BJP</party_name>
</politician>
<politician>
<name>Sonia Gandhi</name>
<age> 60 </age>
<contact>9876543434</contact>
<party_name>Congress</party_name>
</politician>
</politicians>

Politician2.html

<html>
<head>
<title>DATA ISLAND</title>
</head>
<xml id='politicians' src="c.xml"></xml>
<table border=1 datasrc=#politicians>
<th>name</th>
<th>age</th>
<th>contact no</th>
<th>party name</th>
<tr>
<td><span datafld="name"></span></td>
<td><span datafld="age"></span></td>
<td><span datafld="contact"></span></td>
<td><span datafld="party_name"></span></td>
</tr>
</table>
</body>
</html>
Output:
PROGRAM: 4 Make an XML files which contain Politician database
with their name, age, contact number and parti_name.display the
politician data with CSS.

poli.css

politician
{
display:block;
margin_bottom:30pt;
width:100%;
font_size:30pt;
}

name
{
display:block;
color:red;
margin_left:0;
font_size:30pt;
}

age
{
display:block;
color:blue;
font_size:20pt;
}

party_name
{
display:block;
color:gray;
font_size:20pt;
}

poli.xml

<?xml version="1.0" encoding="ISO-8859-1"?>


<?xml-stylesheet type="text/css" href="p4.css"?>
<politicians>
<politician>
<name>Mr Narendra Modi</name>
<age> 55</age>
<contact>9876543210</contact>
<party_name>BJP</party_name>
</politician>

<politician>
<name> Sonia Gandhi </name>
<age> 60 </age>
<contact>9876543434</contact>
<party_name>Congress</party_name>
</politician>
</politicians>

Output:
PROGRAM: 5 Make an XML files which contain Politician database
with their name, age, contact number and parti_name.display the
politician data with XSL.

poli.xsl

<?xml version="1.0"?>
<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<body style="font-family:Arial,helvetica,sans-serif;font-size:14pt;
background-color:aqua">
<xsl:for-each select="politicians/politician">
<div style="color:orange;padding:4px;margin-bottom:1px">
<span style="font-weight:bold;color:green">
Name:<xsl:value-of select="name"/>
</span>
-age: <xsl:value-of select="age"/>
</div>
<div style="margin-left:20px;margin-bottom:1px;font-size:13pt;color:blue">
Contact NO:<xsl:value-of select="contact"/>
</div>
<div style="margin-left:20px;margin-bottom:1px;font-size:13pt;color:blue">
Party Name:<xsl:value-of select="party_name"/>
</div>
</xsl:for-each>
</body>
</html>

poli.xml

<?xml version="1.0" ?>


<?xml-stylesheet type="text/xsl" href="p5.xsl"?>
<politicians>
<politician>
<name>Mr Narendra Modi </name>
<age> 55 </age>
<contact>9876543210</contact>
<party_name>BJP</party_name>
</politician>
<politician>
<name> Sonia Gandhi </name>
<age> 60 </age>
<contact>9876543434</contact>
<party_name>Congress</party_name>
</politician>
</politicians>

Output:-

You might also like