Cannot append a node from XML into the HTML dom in IE

[vunet.us]

I cannot append a node from XML into the HTML dom (textarea field) in
IE. But I can for the text input html elements! Is anyone aware of
this and what is the possible solution?
Thanks.

[Martin Honnen]

vu******@gmail. com wrote:

I cannot append a node from XML into the HTML dom (textarea field) in
IE. But I can for the text input html elements! Is anyone aware of
this and what is the possible solution?

The XML DOM IE uses is implemented by MSXML, the HTML DOM IE uses by
MSHTML. These are separate DOM implementations and you cannot move nodes
from one implementation to the other. It usually makes no sense
attempting that anyway as XML nodes make no sense in a HTML document. IE
supports XML data islands however where you can embed XML in HTML, to do
that you need to create an HTML element with tag name 'xml' and then
that element can contain an XML DOM.
If your XML DOM contains XHTML elements and that is the reason why you
want to move the nodes into the HTML document then with IE you need to
use the serialized markup (xml property of an XML DOM node) and insert
that into the HTML DOM with innerHTML or insertAdjacentH TML.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[vunet.us]

On Apr 20, 6:37 am, Martin Honnen <mahotr...@yaho o.dewrote:

vunet...@gmail. com wrote:

I cannot append a node from XML into the HTML dom (textarea field) in
IE. But I can for the text input html elements! Is anyone aware of
this and what is the possible solution?

The XML DOM IE uses is implemented by MSXML, the HTML DOM IE uses by
MSHTML. These are separate DOM implementations and you cannot move nodes
from one implementation to the other. It usually makes no sense
attempting that anyway as XML nodes make no sense in a HTML document. IE
supports XML data islands however where you can embed XML in HTML, to do
that you need to create an HTML element with tag name 'xml' and then
that element can contain an XML DOM.
If your XML DOM contains XHTML elements and that is the reason why you
want to move the nodes into the HTML document then with IE you need to
use the serialized markup (xml property of an XML DOM node) and insert
that into the HTML DOM with innerHTML or insertAdjacentH TML.

--

Martin Honnen
http://JavaScript.FAQTs.com/

Thank you for a very good explanation. So, if I understood correctly,
if I have an XML Http Request response object named, say, myXHR, and I
would want to place one of its node values to textarea in IE, then I
would do something similar to this:

document.getEle mentById('myTex tArea').insertA djacentHTML('af terBegin',
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue)

Do I need to do the same for text input elements too? Though it works
well doing this in IE (why?):

document.getEle mentById('myInp ut').value =
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue;

Thanks

[Martin Honnen]

vu******@gmail. com wrote:

if I have an XML Http Request response object named, say, myXHR, and I
would want to place one of its node values to textarea in IE, then I
would do something similar to this:

document.getEle mentById('myTex tArea').insertA djacentHTML('af terBegin',
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue)

For textarea element I would not bother with insertAdjacentH TML, text
controls have a value property to set the text so simply use that as you
do below.

document.getEle mentById('myInp ut').value =
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue;

insertAdjacentH TML makes sense for elements like div or span elements.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[vunet.us]

On Apr 20, 10:09 am, Martin Honnen <mahotr...@yaho o.dewrote:

vunet...@gmail. com wrote:

if I have an XML Http Request response object named, say, myXHR, and I
would want to place one of its node values to textarea in IE, then I
would do something similar to this:

document.getEle mentById('myTex tArea').insertA djacentHTML('af terBegin',
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue)

For textarea element I would not bother with insertAdjacentH TML, text
controls have a value property to set the text so simply use that as you
do below.

document.getEle mentById('myInp ut').value =
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue;

insertAdjacentH TML makes sense for elements like div or span elements.

--

Martin Honnen
http://JavaScript.FAQTs.com/

That's the problem. I am unable to use value for textarea in IE. Maybe
I am doing something wrong?...

[vunet.us]

On Apr 20, 10:09 am, Martin Honnen <mahotr...@yaho o.dewrote:

vunet...@gmail. com wrote:

if I have an XML Http Request response object named, say, myXHR, and I
would want to place one of its node values to textarea in IE, then I
would do something similar to this:

document.getEle mentById('myTex tArea').insertA djacentHTML('af terBegin',
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue)

For textarea element I would not bother with insertAdjacentH TML, text
controls have a value property to set the text so simply use that as you
do below.

document.getEle mentById('myInp ut').value =
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue;

insertAdjacentH TML makes sense for elements like div or span elements.

--

Martin Honnen
http://JavaScript.FAQTs.com/

In other words, when I do

document.getEle mentById('myTex tarea').value =
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue;

I cannot see anything in that textarea in IE6, but I see it in text
input field. Moreover, when I use some function to grab value of
textarea (which is invisible in my IE), it exists and can be passed on
to another function... That was the problem of my question. If anyone
can suggest anythiing, please let me know.
Thank you

[scripts.contact]

vu******@gmail. com wrote:

document.getEle mentById('myTex tarea').value =
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue;

I cannot see anything in that textarea in IE6, but I see it in text
input field.

textarea is a TEXT area. You cant add HTML content in a TEXTarea.

[vunet.us]

On Apr 20, 11:29 pm, "scripts.contac t" <scripts.cont.. [e-mail]>
wrote:

vunet...@gmail. com wrote:

document.getEle mentById('myTex tarea').value =
myXHR.documentE lement.getEleme ntsByTagName("s omenode")
[0].firstChild.nod eValue;

I cannot see anything in that textarea in IE6, but I see it in text
input field.

textarea is a TEXT area. You cant add HTML content in a TEXTarea.

And the answer is: This does not work in my IE6 because of
"Descriptio n" name

document.getEle mentById('Descr iption').value =
myXHR.documentE lement.getEleme ntsByTagName("D escription")
[0].firstChild.nod eValue;