IE not like DOM method

tester321 · Jul 17, 2007

Hi, in FF everything works fine, in IE not

any thoughts, i've tinkered with it and can't seem to make IE happy:

var divQ = document.getElementById("div1Question");

// alert below is correct in syntax
alert("<a name=\"#Question" + strWsb.substring(3) + "\"></a>" + _strQuestion)

// below i get an unhandled exception error
divQ.innerHTML = "<a name=\"#Question" + strWsb.substring(3) + "\"></a>" + _strQuestion

//can make it here in FF not in IE
alert('made it here');

///////// Thanks

adam0101 · Jul 17, 2007

I'm not seeing the problem. Can you post a little more code? Are you sure div1Question is loaded before trying to change the innerHTML?

Adam
http://adameslinger.blogspot.com/

tester321 · Jul 17, 2007

this works: _strQuestion;
//yields a string of text

this doesn't work:

divQ.innerHTML = "<a href='

http://www.google.com/'>dfgasdg</a>";

its like the innHTML doesn't like the <a></a> tags\

weird?

tester321 · Jul 17, 2007

here is some more code:

I tried to create the inline attribute of name for the a tag on the fly and use:

var divContainer = document.createElement("a");

divContainer.setAttribute('name', '#Question'+strWsb.substring(3));

still without luck, any suggestions?

Einstein47 · Jul 17, 2007

Have you tried using the String method anchor()?

Code:

var anchorName = "#Question" + strWsb.substring(3);
var anchorStr = "_strQuestion";
divQ.innerHTML = anchorStr.anchor(anchorName);

I am not sure that will give you what you want, but I figure it is worth a try. There is also the link() method which builds the <A href="linkURL">label</A> like this:

"label".link("linkURL");

Einstein47
For best results: hand wash in cold, tumble dry low.
For not so good results: drag through puddles, pound on rocks, air dry on tree branch.
[[]Starbase47.com]

tester321 · Jul 17, 2007

Thanks for help, i'll fiddle with both ideas. thanks again

monksnake · Jul 18, 2007

The problem you are having is somewhere else, I'm personally thinking your DIV doesn't exist yet.

Here is some sample code that will assign an anchor innerHTML to a div:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">[/URL]
<html>
<head>
</head>
<body>
<div id="helloDiv"></div>
</body>
</html>
<script type="text/javascript">
   var obj = document.getElementById("helloDiv");
   obj.innerHTML = "<a href='[URL unfurl="true"]http://www.google.com'>Click[/URL] Link</a>";
</script>

Are you sure that an error isn't popping up in your javascript console in Firefox??

[monkey]

<.

mych · Jul 19, 2007

Check W3Schools

http://www.w3schools.com/htmldom/prop_anchor_innerhtml.asp

The syntax used there does not use the <a> tags

Mych

1DMF · Jul 19, 2007

Ive also found that using double quotes for the innerHTML gives me problems it prefers single quotes.

So i would change it to

Code:

obj.innerHTML = '<a href="[URL unfurl="true"]http://www.google.com">Click[/URL] Link</a>';

plus the HTML code should use double quotes for attributes anyhow.

just my 2pence

"In complete darkness we are all the same, only our knowledge and wisdom separates us, don't let your eyes deceive you."

"If a shortcut was meant to be easy, it wouldn't be a shortcut, it would be the way!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

IE not like DOM method

tester321

Programmer

adam0101

Programmer

tester321

Programmer

tester321

Programmer

Einstein47

Programmer

tester321

Programmer

monksnake

Programmer

mych

Programmer

1DMF

Programmer

Similar threads

Part and Inventory Search

Sponsor