<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">
Thank you one and all for your suggestions!! My apologies for not including sufficient information.<div><br class="webkit-block-placeholder"></div><div>This is an excerpt from the html that displays the table:</div><div> .</div><div> .</div><div> .</div><div><div> <td width="600px" valign="top"></div><div> <table width="100%" cellpadding="0" cellspacing="0" border="0"></div><div> <tr><td valign="top" align="center" class="label_1">select sub-categories</td></tr></div><div> <tr><td>&nbsp;</td></tr></div><div> <tr id="sub_categories_table"></div><div> <td valign="top" align="center"></div><div><br class="webkit-block-placeholder"></div><div> <table id="sub_categories" align="left" width="100%" cellpadding="0" cellspacing="0" border="1"></div><div> <span class="Apple-tab-span" style="white-space:pre">        </span> <tr><td>sdffd</td></tr></div><div> </table></div><div><br class="webkit-block-placeholder"></div><div> </td></div><div> </tr></div><div> </table></div><div> </td></div><div> .</div><div> .</div><div> .</div><div><br class="webkit-block-placeholder"></div><div>Note that the border is on on the target table and that there is a row with nonsense in it already in the table. This row is displayed on the page in all browsers. The objective is to add another row containing an html button via the following JavaScript excerpt:</div><div><br class="webkit-block-placeholder"></div><div> .</div><div> .</div><div> .</div><div> var table_element = document.getElementById('sub_categories');</div><div> .</div><div> .</div><div> .</div><div><div> // Create a submit button td element.</div><div> var td_element_submit = document.createElement('td');</div><div> td_element_submit.setAttribute('colspan', 3);</div><div> td_element_submit.setAttribute('align', 'center');</div><div><br class="webkit-block-placeholder"></div><div> // Create a sbumit button input element.</div><div> var submit_element = document.createElement('input');</div><div> submit_element.setAttribute('id', 'submit');</div><div> submit_element.setAttribute('type', 'submit');</div><div> submit_element.setAttribute('value', 'search');</div><div><br class="webkit-block-placeholder"></div><div> // Append the submit button input element to the td element.</div><div> td_element_submit.appendChild(submit_element);</div><div><br class="webkit-block-placeholder"></div><div> // Create the submit button tr element.</div><div> tr_element_submit = document.createElement('tr');</div><div><br class="webkit-block-placeholder"></div><div> // Append the submit td element to the tr element.</div><div> tr_element_submit.appendChild(td_element_submit);</div><div><br></div><div> // Append the tr element to the table element.</div><div> table_element.appendChild(tr_element_submit);</div><div> .</div><div> .</div><div> .</div><div><br class="webkit-block-placeholder"></div><div>The second row created by this code appears in FF 2.0.0.14 on a Mac and FF 2.0.0.14 on an XP machine but does not appear in IE 7.0.5730.11 on the XP machine.</div><div><br></div><div>Obviously there is much more to the page and the JavaScript; I'm trying to get this small test to work!</div><div><br class="webkit-block-placeholder"></div><div>Peter -</div><div><br class="webkit-block-placeholder"></div></div><div><div>On May 30, 2008, at 12:26 PM, Joel Witherspoon wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite">Peter,<br><br>Any CSS involved? IE and FF render CSS quite differently. There are IE bugs all around in CSS.<br><br>Secondly, IE has an issue rendering certain JS code. What version of the browser are you using and what's the code? Without that, I don't know where to start.<br> <br><div class="gmail_quote">On Fri, May 30, 2008 at 11:46 AM, <<a href="mailto:bb.odenthal@gmail.com">bb.odenthal@gmail.com</a>> wrote:<br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"> Now for something helpful.<br> <br> Try httpwatch. It's free, works with IE7 and may help debug your issue.<br> <br> <a href="http://www.httpwatch.com" target="_blank">http://www.httpwatch.com</a>.<br> <div class="Ih2E3d"><br> -bb<br> -----Original Message-----<br> From: Peter Fogg <<a href="mailto:peter.fogg@sbcglobal.net">peter.fogg@sbcglobal.net</a>><br> <br> </div><div class="Ih2E3d">Date: Fri, 30 May 2008 11:43:57<br> To:"SGVLUG Discussion List." <<a href="mailto:sgvlug@sgvlug.net">sgvlug@sgvlug.net</a>><br> </div><div><div></div><div class="Wj3C7c">Subject: Re: [SGVLUG] Problem with IE 7<br> <br> <br> I didn't know quite where to post my question so I started here.<br> Thanks for the tip about the greasemonkey forums, I'll try there.<br> <br> Thanks,<br> <br> Peter -<br> <br> On May 30, 2008, at 11:34 AM, Emerson, Tom (*IC) wrote:<br> <br> >> -----Original Message----- Of Peter Fogg<br> >><br> >> There is a table visible on an html page. Via JavaScript I add a row<br> >> to the table. The added row appears in when the page is rendered in<br> >> FireFox but does not appear when rendered in IE 7.<br> >><br> >> Any thoughts?<br> ><br> > You're worried about problems with IE on a linux list? [sorry,<br> > just had<br> > to point that out... ;) ]<br> ><br> > Seriously, though, perhaps "javascript" is turned off in IE? [maybe<br> > this is on a per-page basis? i.e., your "page" isn't deemed "safe<br> > enough" to allow javascript per IE's decision tree...]<br> ><br> > You might also ask about this in the greasemonkey forums -- true, that<br> > is also a firefox-oriented forum, but as this is the "type of thing"<br> > greasemonkey programmers tend to do (rewrite the page via "script"),<br> > they may be able to shed some light on the process, which might<br> > explain<br> > how/why it works differently on IE.<br> <br> </div></div></blockquote></div><br></blockquote></div><br></div></body></html>