document.getElementById("layer" + i) has no prperties

K

karsagarwal

Hi,

I am getting the error:

document.getElementById("layer" + i) has no prperties and have no
clue as to what it's not liking. Any inputs would be helpful....

I am including the code below:

Thanks!!

------------------------------------------------------------------------
function parseXML()
{
debugger;
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e)
{
alert(e.message);
return;
}
}

if (xmlDoc!=null)
{


xmlDoc.async=false;
xmlDoc.load("cnn_topstories.xml");
xtitle=xmlDoc.getElementsByTagName("title");
xdesc =xmlDoc.getElementsByTagName("description");
for (i=0;i<xtitle.length;i++) {
y=xtitle.childNodes[0].nodeValue;
z=xdesc.childNodes[0].nodeValue;
document.getElementById("layer" + i).innerHTML=y;
}
}
//
document.getElementById(i).innerHTML=xmlDoc.getElementsByTagName("item")
[0].childNodes[0].nodeValue;
//
document.getElementById("1").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
//
document.getElementById("2").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
//
document.getElementById("3").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
//
document.getElementById("4").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;

}


</script>
</head>

<body>

<div id="rotate"><p>test</p>

<p><b>Item Title:</b><span id="layer0"; style="position:absolute; top:
0px; left:0px; width:50px; height:50px; background-color:red;
border:solid 1px white; vidibility:hidden "></span><br

/>
<span id="layer1"; style="position:absolute; top:20px; left:20px;
width:50px; height:50px; background-color:blue; border:solid 1px
white; "></span><br />
<span id="layer2"; style="position:absolute; top:40px; left:40px;
width:50px; height:50px; background-color:green; border:solid 1px
white; "></span><br />
<span id="layer3"; style="position:absolute; top:50px; left:50px;
width:50px; height:50px; background-color:purple; border:solid 1px
white; "></span><br />
<span id="layer4"; style="position:absolute; top:60px; left:60px;
width:50px; height:50px; background-color:yellow; border:solid 1px
white; "></span><br />

</div>

<SCRIPT type="text/javascript">parseXML() </script>

-->
</body>
 
T

Tom de Neef

I am getting the error:

document.getElementById("layer" + i) has no prperties and have no
clue as to what it's not liking. Any inputs would be helpful....

I am including the code below:

Thanks!!

------------------------------------------------------------------------
function parseXML()
{
debugger;
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e)
{
alert(e.message);
return;
}
}

if (xmlDoc!=null)
{


xmlDoc.async=false;
xmlDoc.load("cnn_topstories.xml");
xtitle=xmlDoc.getElementsByTagName("title");
xdesc =xmlDoc.getElementsByTagName("description");
for (i=0;i<xtitle.length;i++) {
y=xtitle.childNodes[0].nodeValue;
z=xdesc.childNodes[0].nodeValue;
document.getElementById("layer" + i).innerHTML=y;
}
}
//
document.getElementById(i).innerHTML=xmlDoc.getElementsByTagName("item")
[0].childNodes[0].nodeValue;
//
document.getElementById("1").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
//
document.getElementById("2").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
//
document.getElementById("3").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
//
document.getElementById("4").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;

}


</script>
</head>

<body>

<div id="rotate"><p>test</p>

<p><b>Item Title:</b><span id="layer0"; style="position:absolute; top:
0px; left:0px; width:50px; height:50px; background-color:red;
border:solid 1px white; vidibility:hidden "></span><br

/>
<span id="layer1"; style="position:absolute; top:20px; left:20px;
width:50px; height:50px; background-color:blue; border:solid 1px
white; "></span><br />
<span id="layer2"; style="position:absolute; top:40px; left:40px;
width:50px; height:50px; background-color:green; border:solid 1px
white; "></span><br />
<span id="layer3"; style="position:absolute; top:50px; left:50px;
width:50px; height:50px; background-color:purple; border:solid 1px
white; "></span><br />
<span id="layer4"; style="position:absolute; top:60px; left:60px;
width:50px; height:50px; background-color:yellow; border:solid 1px
white; "></span><br />

</div>

<SCRIPT type="text/javascript">parseXML() </script>

-->
</body>
Click to expand...


I would guess that the function parseXML() is called before the document is
built into a DOM structure.
You can verify this by removing that last <script> line in the <body> and
call from
<body onload="parseXML()">

And what does the comment close tag "-->" just prior to </body> do there?
Tom
 
K

karsagarwal

<[email protected]>




I am getting the error:
Click to expand...
document.getElementById("layer" + i) has no prperties and have no
clue as to what it's not liking. Any inputs would be helpful....
Click to expand...
I am including the code below:

------------------------------------------------------------------------
function parseXML()
{
debugger;
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
catch(e)
{
try //Firefox, Mozilla, Opera, etc.
{
xmlDoc=document.implementation.createDocument("","",null);
}
catch(e)
{
alert(e.message);
return;
}
}
Click to expand...
if (xmlDoc!=null)
{
Click to expand...
xmlDoc.async=false;
xmlDoc.load("cnn_topstories.xml");
xtitle=xmlDoc.getElementsByTagName("title");
xdesc =xmlDoc.getElementsByTagName("description");
for (i=0;i<xtitle.length;i++) {
y=xtitle.childNodes[0].nodeValue;
z=xdesc.childNodes[0].nodeValue;
document.getElementById("layer" + i).innerHTML=y;
}
}
//
document.getElementById(i).innerHTML=xmlDoc.getElementsByTagName("item")
[0].childNodes[0].nodeValue;
//
document.getElementById("1").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
//
document.getElementById("2").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
//
document.getElementById("3").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
//
document.getElementById("4").innerHTML=xmlDoc.getElementsByTagName("title")
[0].childNodes[0].nodeValue;
}
Click to expand...
</script>
</head>
Click to expand...
<body>
Click to expand...

<div id="rotate"><p>test</p>
Click to expand...

<p><b>Item Title:</b><span id="layer0"; style="position:absolute; top:
0px; left:0px; width:50px; height:50px; background-color:red;
border:solid 1px white; vidibility:hidden "></span><br
Click to expand...
/>
<span id="layer1"; style="position:absolute; top:20px; left:20px;
width:50px; height:50px; background-color:blue; border:solid 1px
white; "></span><br />
<span id="layer2"; style="position:absolute; top:40px; left:40px;
width:50px; height:50px; background-color:green; border:solid 1px
white; "></span><br />
<span id="layer3"; style="position:absolute; top:50px; left:50px;
width:50px; height:50px; background-color:purple; border:solid 1px
white; "></span><br />
<span id="layer4"; style="position:absolute; top:60px; left:60px;
width:50px; height:50px; background-color:yellow; border:solid 1px
white; "></span><br />

<SCRIPT type="text/javascript">parseXML() </script>
Click to expand...
-->
</body>
Click to expand...

I would guess that the function parseXML() is called before the document is
built into a DOM structure.
You can verify this by removing that last <script> line in the <body> and
call from
<body onload="parseXML()">

And what does the comment close tag "-->" just prior to </body> do there?
Tom
Click to expand...


Hi Tom,

Well I tried <body onload="parseXML()"> but it is still gives me same
error message: document.getElementById("layer" + i) has no properties.


Regarding the comment close tag:
I have multiple span statement and so I just commented all except one
to test it out.

If you see the light let me know.

Thanks,
AA
 
T

Tom de Neef

Well I tried <body onload="parseXML()"> but it is still gives me same
error message: document.getElementById("layer" + i) has no properties.


Regarding the comment close tag:
I have multiple span statement and so I just commented all except one
to test it out.
Click to expand...

1) But it is not obvious to me which ones you have commented out. What if
all are commented out?

2) In your code:
for (i=0;i<xtitle.length;i++) {
y=xtitle.childNodes[0].nodeValue;
z=xdesc.childNodes[0].nodeValue;
document.getElementById("layer" + i).innerHTML=y;

i runs thru the xtitle array. It is not obvious that there is a
corresponding "layer"+i id for all those i. Doesn't the error message say
no attributes for ... "layer1" ?

3) With FF+Firebug you can inspect the values of variables while running
your code. It'd be easy to see what value i has when the error is thrown.

Tom
 
S

SAM

(e-mail address removed) a écrit :
Hi,

I am getting the error:

document.getElementById("layer" + i) has no prperties and have no
clue as to what it's not liking. Any inputs would be helpful....

I am including the code below:
Click to expand...

I see no tag 'title' in your code
so what could do :
xtitle=xmlDoc.getElementsByTagName("title");
and further :
for (i=0;i<xtitle.length;i++) {

Try :

if(!document.getElementById("layer" + i))
alert('layer #'+i+' not possible');
else
document.getElementById("layer" + i).innerHTML=y;

to see how much more titles than spans you have
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Span/Div help 1
I am trying to detect Which image id="" was clicked ? 22
Please Help? 0
Closing an overlay outside the overlay as well 1
I need help fixing my website 2
Help with my responsive home page 2
I need help making a zooming function 11
How can I get my menu inside of a menu to function properly? 1

Members online

Total: 129 (members: 2, guests: 127)
Robots: 360

Forum statistics

Threads
474,262
Messages
2,571,056
Members
48,769
Latest member
Clifft

Latest Threads

Top