I didn&#39;t see that fix it either. As I understand the bug that Michael&#39;s link addresses, IE&#39;s getElementById finds the first object with either id or name equql to the value. So adding name=&quot;sub_categories&quot; wouldn&#39;t be a solution, and since you have no other name or id with that value, your code should find the right element and work. I would say we are looking at a different bug. [what?? IE has more than one?]<br>
<br>Here&#39;s a link to MSDN&#39;s discussion: <a href="http://msdn.microsoft.com/en-us/library/ms536437(VS.85).aspx">http://msdn.microsoft.com/en-us/library/ms536437(VS.85).aspx</a><br><br>-jeff<br><br><div class="gmail_quote">
On Fri, May 30, 2008 at 2:51 PM, Peter Fogg &lt;<a href="mailto:peter.fogg@sbcglobal.net">peter.fogg@sbcglobal.net</a>&gt; wrote:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
I added name=&quot;sub_categories&quot; attribute to the table declaration -&gt; unfortunately it didn&#39;t solve the problem. The article addressed a conflict if one has a form with the sane &quot;name&quot; as another element. The form, in this case, has no &quot;name&quot; attribute.<br>
<font color="#888888">
<br>
Peter -</font><div><div></div><div class="Wj3C7c"><br>
<br>
<br>
On May 30, 2008, at 2:33 PM, Michael Proctor-Smith wrote:<br>
<br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
On Fri, May 30, 2008 at 2:17 PM, Peter Fogg &lt;<a href="mailto:peter.fogg@sbcglobal.net" target="_blank">peter.fogg@sbcglobal.net</a>&gt; wrote:<br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Thank you one and all for your suggestions!! My apologies for not including<br>
sufficient information.<br>
This is an excerpt from the html that displays the table:<br>
 &nbsp; &nbsp; &nbsp; .<br>
 &nbsp; &nbsp; &nbsp; .<br>
 &nbsp; &nbsp; &nbsp; .<br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;td width=&quot;600px&quot; valign=&quot;top&quot;&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;table width=&quot;100%&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; border=&quot;0&quot;&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;tr&gt;&lt;td valign=&quot;top&quot; align=&quot;center&quot; class=&quot;label_1&quot;&gt;select<br>
sub-categories&lt;/td&gt;&lt;/tr&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;tr id=&quot;sub_categories_table&quot;&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;td valign=&quot;top&quot; align=&quot;center&quot;&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;table id=&quot;sub_categories&quot; align=&quot;left&quot; width=&quot;100%&quot;<br>
cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; border=&quot;1&quot;&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;&lt;td&gt;sdffd&lt;/td&gt;&lt;/tr&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/table&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/td&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/tr&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;/table&gt;<br>
 &nbsp; &nbsp; &nbsp; &nbsp;&lt;/td&gt;<br>
 &nbsp; &nbsp; &nbsp; .<br>
 &nbsp; &nbsp; &nbsp; .<br>
 &nbsp; &nbsp; &nbsp; .<br>
Note that the border is on on the target table and that there is a row with<br>
nonsense in it already in the table. This row is displayed on the page in<br>
all browsers. The objective is to add another row containing an html button<br>
via the following JavaScript excerpt:<br>
 &nbsp; &nbsp; &nbsp; &nbsp;.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;var table_element = document.getElementById(&#39;sub_categories&#39;);<br>
</blockquote>
<br>
OK, now with some code I can answer your question IE has broken id<br>
handling. Found with quick &quot;ie getElementbyID&quot; google search. Check<br>
out:<br>
<a href="http://remysharp.com/2007/02/10/ie-7-breaks-getelementbyid/" target="_blank">http://remysharp.com/2007/02/10/ie-7-breaks-getelementbyid/</a><br>
basically it treats name as id sense you do not have a name tag for<br>
your table it breaks. I fixed it in my code by having both id=&quot;name&quot;<br>
and name=&quot;name&quot; in the places I want to address an element.<br>
<br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
 &nbsp; &nbsp; &nbsp; &nbsp;.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;// Create a submit button td element.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;var td_element_submit = document.createElement(&#39;td&#39;);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;td_element_submit.setAttribute(&#39;colspan&#39;, 3);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;td_element_submit.setAttribute(&#39;align&#39;, &#39;center&#39;);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;// Create a sbumit button input element.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;var submit_element = document.createElement(&#39;input&#39;);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;submit_element.setAttribute(&#39;id&#39;, &#39;submit&#39;);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;submit_element.setAttribute(&#39;type&#39;, &#39;submit&#39;);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;submit_element.setAttribute(&#39;value&#39;, &#39;search&#39;);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;// Append the submit button input element to the td element.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;td_element_submit.appendChild(submit_element);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;// Create the submit button tr element.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;tr_element_submit = document.createElement(&#39;tr&#39;);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;// Append the submit td element to the tr element.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;tr_element_submit.appendChild(td_element_submit);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;// Append the tr element to the table element.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;table_element.appendChild(tr_element_submit);<br>
 &nbsp; &nbsp; &nbsp; &nbsp;.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;.<br>
 &nbsp; &nbsp; &nbsp; &nbsp;.<br>
The second row created by this code appears in FF <a href="http://2.0.0.14" target="_blank">2.0.0.14</a> on a Mac and FF<br>
<a href="http://2.0.0.14" target="_blank">2.0.0.14</a> on an XP machine but does not appear in IE 7.0.5730.11 on the XP<br>
machine.<br>
</blockquote>
<br>
So I am just going to point out that testing the same browser version<br>
on 3 different platform does not do much of anything.<br>
<br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Obviously there is much more to the page and the JavaScript; I&#39;m trying to<br>
get this small test to work!<br>
Peter -<br>
</blockquote></blockquote>
<br>
</div></div></blockquote></div><br>