Using Javascript to set text box length

[Headed North]

I am setting up a contact form for my client and her layout is a bit tricky. I need to set the textbox length based on the user's browser. I need to distinguish between Safari users and non-Safari users and set a number for textbox length to include in the form further down the page. The page is an ASP page.

Here's what I have so far:

Detect:
if (navigator.appVersion.indexOf('Mac')!= -1)
if (navigator.userAgent.indexOf('Safari')!= -1)
box_size = 30
else
box_size = 55

Textbox:
<input name="realname" type="text" size="<%= box_size %>" maxlength="100" alt="Your name">

Any help would be greatly appreciated. My knowledge of Javascript is limited.

Thanks!

[Headed North]

I found a solution. No need to respond.

[coopster]

Glad you got it sorted, Headed North. Mind sharing your solution?

[Headed North]

I used the JS detect and document.write to display the correct textbox length depending on the user's browser

<tr>
<td width="97">&nbsp;&nbsp;&nbsp;&nbsp;Your name:&nbsp;</td>
<td>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
if (navigator.appVersion.indexOf('Mac')!= -1)
if (navigator.userAgent.indexOf('Safari')!= -1) document.write('<input type="text" name="realname" size="50" maxlength="100">')<!-- safari users -->
elsedocument.write('<input type="text" name="realname" size="57" maxlength="100">')<!-- all other mac browsers -->
elsedocument.write('<input type="text" name="realname" size="64" maxlength="100">')<!-- all pc browsers -->
//-->
</script></td>
</tr>