Scribd
Upload
49 views

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

The document describes 5 programming exercises to display politician data from XML files in different formats without using loops. The first program displays the data in an HTML file without loops. The second adds loops. The third displays the data in an HTML table. The fourth uses CSS. The fifth uses XSLT to transform and display the XML data.

Uploaded by

Sonil Gandhi
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
49 views

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

The document describes 5 programming exercises to display politician data from XML files in different formats without using loops. The first program displays the data in an HTML file without loops. The second adds loops. The third displays the data in an HTML table. The fourth uses CSS. The fifth uses XSLT to transform and display the XML data.

Uploaded by

Sonil Gandhi
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 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