Posted by jrf1 on 04/20/07 12:27

Hi,

I am developing an app. and I want to allow people to answer questions
and jump the list of questions up as they do it. I can make this work
but IE6 requires slightly different HTML than Firefox and Opera.
See below...

** IE6 example *****
<table id="qtab">
<tr><a name='Q1'></a><td colspan=4> </td></tr>"
<tr>
<td class="q">Considers opportunities for growth and change.</td>
<td class="a"><input .............></td>
<td class="a"><input .............></td>
<td class="a"><input .............></td>
</tr>
* tr repeated
</table>


** Firefox/Opera example *****
<table id="qtab">
<tr><td><a name='Q1'></a></td><td colspan=3> </td></tr>"
<tr>
<td class="q">Considers opportunities for growth and change.</td>
<td class="a"><input .............></td>
<td class="a"><input .............></td>
<td class="a"><input .............></td>
</tr>
* tr repeated
</table>

As you can see Firefox and Opera require the anchor Q1 to be within a
TD. IE won't work with that setup and needs the anchor not to be
defined
within a table element.

The following script deals with this situation

<table id="qtab">
<script language="JavaScript">
if (navigator.appName=="Microsoft Internet Explorer")
{ document.write("<a name='Q1'></a><td colspan=8> </td></tr>") }
else
{ document.write("<td><a name='Q1'></a></td><td colspan=7>
</td></tr>") }
</script>
<tr>
<td class="q">Considers opportunities for growth and change.</td>
<td class="a"><input .............></td>
<td class="a"><input .............></td>
<td class="a"><input .............></td>
</tr>
* tr repeated
</table>

but it doesn't seem very elegant. I'm not very happy with bits of
script
all through the page like this (as the page has a large number of
questions on it).
Can anyone suggest a better way?

Regards, John

• Next in forum: Re: to inline or not to inline
• Prev in forum: Re: W3c Problems
• Thread view: Advice re. anchor within a table and handling var. browsers

[Reply to this message]