Javascript For Innerhtml/append

[Lonig]

As you can see, I'm trying to add this:

<a name="Example" onmouseover="Tip('Example')" onmouseout="UnTip()">[?]</a>

to the page for each LI that has Element Search inside it.The page this is on is unfortunately not my property so I cannot post it, but here is an idea of what the <li> tags look like:

<li><a href="example.aspx">Example</a></li>

Each LI is generated depending on user preferences, so I cannot code them as I had planned. I cannot alter the pulling data, only add functions after the data is loaded. Which is why I'm trying to use JS instead of just altering the DB pull code to incorporate the 'name' tag. Each LI DOES have a unique link, if that matters.Here is what I have, and it doesn't work one bit

var items = gid('sideMenu').getElementsByTagName("li");for(var i=0;i<items.length;i++){	if(items[i].innerHTML == "Element Search"){		var somehtml = document.write("<a name=\"Example\" onmouseover=\"Tip('Example')\" onmouseout=\"UnTip()\">[?]</a>");		items[i].appendChild(somehtml);	}}

I'm not looking for anyone to make the code, mainly looking for pointers. Maybe there is a better JS command to use? Or you know a great example I can look at.Need any further data, just ask.Thanks in advance.

[jeffman]

document.write is NOT the way to go. You can use appendChild if you like, but only after you create an element. document.write doesn't do that.But it'll be simpler just to set the innerHTML of the <li> elements to the code that is currently in your document.write argument.I'm wondering about your conditional. Before your function runs, what exactly does each <li> look like. Is it this:<li><a href="example.aspx">Example</a></li>or this:<li>Element Search</li>

[Lonig]

<li><a href="example.aspx">Element Search</a></li>

I'm adding the [?] at the end(separate href) since it generates a "tooltip" when hovered over.I've found users generally like the option of hovering over the [?] for the tooltip, instead of having it show EVERY time they hover over the main Example link.

[jeffman]

<li><a href="example.aspx">Element Search</a></li>

Okay. If this is the way the <li> elements look before you change them, then this won't work:if(items.innerHTML == "Element Search")because part of the innerHTML is the <a> element. But this small change should work:if(items.innerHTML.indexOf("Element Search") > -1)since all it does it test whether the innerHTML contains the string

[Technage]

I think that you need to use the functions on the document object. I am referring to document.createElement() and document.createTextNode(). I wrote a blog post about it but if you want to start from there and mull over it you could do that.If the blog post is not on target you can provide me with more data here.http://technage.blogspot.com/Peace