HI I'm new to this stuff and was reading some tutorials on formating xml into html it seemed to be going pretty good but now Im having some problems when trying to use JS to fillter the results. can som one look at my code and point me in the right direction. thanks
<html>
<head>
<script type="text/javascript">
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("BB_CAST.xml")
var z = xmlDoc.getElementsByTagName("PERSON")
var x = xmlDoc.getElementsByTagName("NAME")
var y = xmlDoc.getElementsByTagName("BIO")
for (i = 0; i <= x.lenght; i++)
{
if (z.item(i-1).getAttribute("ID") = "1")
{
name.innerText = x.item(i-1).text
it works with vbscript so I think my problems in the syntax IF statments or the spans. I'm not sure even some link to a good tutorial on this would help.
Thanks
This is an example of the xml if that helps.
<?xml version="1.0" encoding="ISO-8859-1"?>
<CAST>
<PERSON ID="1">
<NAME>QUEST</NAME>
<BIO>Separately, they are four, seemingly</BIO>
<SHORTBIO>Four dudes, One ission</SHORTBIO>
</PERSON>
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-5"/>
<meta name="Author" content="Khalid Ali"/>
<link type="text/css" rel="stylesheet" href="http://68.145.35.86/skills/javascripts/style/js_tutorials_style.css"/>
<script type="text/javascript">
function Process(){
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("BB_CAST.xml")
var z = xmlDoc.getElementsByTagName("PERSON")
var x = xmlDoc.getElementsByTagName("NAME")
var y = xmlDoc.getElementsByTagName("BIO")
var strHTML = "<table style=\"width:200px;border:1px green solid; background-color:#FFFFFF;\" ><tr><td style=\"width:50px;\"><b>Name</b></td><td style=\"width:150px;\"><b>Bio</b></td></tr>";
for (i = 0; i < x.length; i++){
if (z.item(i).getAttribute("ID") == (1+i)){
var person = z.item(i);
var name = person.childNodes[0];
var bio = person.childNodes[1];
strHTML+="<tr><td style=\"width:50px;\">"+name.text+"</td><td style=\"width:150px;\">"+bio.text+"</td></tr>";
}
}
strHTML+="</table>";
document.getElementById("displayData").innerHTML = strHTML;
}
</script>
<title></title>
</head>
<body onload="Process();">
<h1>cast</h1>
<div id="displayData"></div>
</body>
</html>
Thanks I learned alot from that. I had alot of fun trying to figuring out how it works. But now I have another problem.an example of the code in which I think I have a problem with is below. do single quotes need to be treated diffrently?
Rest of the code looks fine
only one possibility
strHTML +="
variable strHTML?..is it local if its local then the first instance of it can not be
strHTML +=" unless you define it firs
Ok. I have two XML pages one with each persons info(which movies each person has made and a bio) and one with each short movies info(size,format,title, who made it).
In the movie section of the site I'm trying to load the movie names from the movie xml into a table In a Iframe(this works) and be able to click on them and have a short discription of the movie and a link to download load into another Iframe(this is where my problem is).
these are the two main functions useing what you showed me yesterday.
//this one is set onLoad and opens the movie xml and creates a table in this frame where each cell is a link to a diffrent movie ID
function mProcess(){
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("BB_MOVS.XML")
var z = xmlDoc.getElementsByTagName("SHORT")
var strHTML = "<table cellspacing=\"5\" cellpadding=\"3\" style=\"border:1px black solid;\" ><tr>";
for (i = 0; i < z.length; i++){
var vid = z.item(i);
var Mname = vid.childNodes[0];
var Mnum = vid.childNodes[8];
strHTML += "<td onmouseover=\"over(this);\" onmouseout=\"out(this);\" onClick=\"MDprocess('"+Mnum.text+"');\"><p>"+Mname.text+"</p></td>";
//this one I have set on a onClick and should open a movie discription and a link to download in the right iframe.
function MDprocess(movid){
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM")
xmlDoc.async="false"
xmlDoc.load("BB_MOVS.XML")
var z = xmlDoc.getElementsByTagName("SHORT")
var strHTML = "<table style=\"width:540px;border:1px black solid;\" ><tr><td style=\"width:540px;\">";
for (i = 0; i < z.length; i++){
if (z.item(i).getElementsByTagName("ID") == movid){
var movie = z.item(i);
var name = movie.childNodes[0];
var sumery = movie.childNodes[3];
var pics = movie.childNodes[4];
strHTML+="<p>"+name.text+"</p></td></tr><tr><td style=\"width:540px;\"><img ALIGN=\"left\" border=\"0\" src="+pics.text+" width=\"250\" height=\"200\"><b>"+sumery.text+"</b></td></tr>";
}
Reply With Quote
Bookmarks