problems with DOM

[Tim Bücker]

I want to save an object of an image in a variable.
I am doing this with the internet explorer with no problems using the following line:
oImage = node.childNodes (0).all["pic"]

Now I wanted to use the W3C-standard and thought I could get my object using this here:
oImage = node.childNodes (0).getElementB yId("pic")

The node variable is from an xsl file:
....
<div onclick="window .event.cancelBu bble = true; clickOnNode(thi s);"
....

I don´t get it! I´ve tried a lot of variations and searched the net but I didn´t find anything.
Thanks for every little hint on this topic! Greetings,
Tim.

[Lasse Reichstein Nielsen]

"Tim Bücker" <ti***********@ web.de> writes:

(Please don't top post)

Thanks a lot! That was the magic answer - at least my menu is now
working on IE _and_ Opera. Unfortunately Netscape is still a
problem...
Do tell, what is the problem :)
If I am honest, I did not really understand the thing with the text
nodes. Do you perhaps know a good internet resource about that kind
of cross-browser compatibility?

Not really, no, sorry.

About the text nodes:

The DOM (Document Object Model) uses different kinds of DOM "Nodes"
(objects with some basic properties and methods) to represent
different parts of a document. There are, among others, Document
Nodes, Comment Nodes, Element Nodes and Text Nodes. The different
types have more specialized properties and methods than the
abstract Node class.

The code
<div>foo<span>b ar</span>baz</div>
generates one Element Node for the div element. It has three child nodes:
- One text node containing the text "foo".
- One Element node for the span element. It has a text node as child,
containing "bar".
- One text node containing the text "baz".

The difference between browsers here is when two tags appear next to each other
with only whitespace between, e.g.:
<div>
<span>foo</span>
</div>

Between "<div>" and "<span>" is one newline and two spaces. In Mozilla
and Opera, that gives rise to a Text Node with those three characters.
IE doesn't generate Text Nodes for strings containing only whitespace.

Your problem was that getElementsByTa gName is a method of Element Nodes,
not Text Nodes, and the first child element of your node was a text node
in Mozilla/Opera and an element node in IE.

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleD OM.html>
'Faith without judgement merely degrades the spirit divine.'

[Tim Bücker]

"Lasse Reichstein Nielsen" <lr*@hotpop.com > wrote:

(Please don't top post)
Sorry for that!

Thanks a lot! That was the magic answer - at least my menu is now
working on IE _and_ Opera. Unfortunately Netscape is still a
problem...

Do tell, what is the problem :)

I think the problem is a bit hard to explain - that was the reason why I didn´t ask you.
But I´ll give it a try:

I am trying to develop a dynamic menu using xml for the data and xsl for the design.
As usual you have a + sign and a - sign in front of each node that has children.
Thanks to your help I have now managed to get it run on IE and Opera and the expansion
of nodes also works using Netscape 7 (the only version I am trying at the moment) the
BIG problem is that the collapsing is absolutely not working using NS! The main problem
at the moment is that clicking on a - sign not only all the children are disappearing but also
the parent node so that it is now possible to create a totally blank page clicking through the
menu.

My collapse function looks like this:

function collapse(myNode )
{
var i, oImage
myNode.getEleme ntsByTagName('* ')["pic"].src = myNode.getAttri bute("pictureCl osed");

for (i=0; i<myNode.childN odes.length; i++)
{
// to get rid of the empty text nodes
if (myNode.childNo des[i].style)
{
if (myNode.tagName == "DIV")
{
if (myNode.id != "root")
myNode.childNod es[i].style.display = "none"
collapse(myNode .childNodes[i])
}
}
}
myNode.setAttri bute("open", "false");

/* // This code here works using IE and Opera (debug version)
for (i=0; i<myNode.childN odes.length; i++)
{
if (myNode.childNo des(i).tagName == "DIV")
{
if (myNode.id != "root")
myNode.childNod es(i).style.dis play = "none"
collapse(myNode .childNodes(i))
}
}
*/
}

I hope I could make myself clear at this time of day.
If you need more information I would love to send it to you ;-)
About the text nodes:

Thanks a lot for the information about text nodes!

Thank you for taking you time!
Greetings,
Tim.