Hi there,
I am having a problem with IE not allowing a CSS border to be drawn through javascript
in an onFocus event.

Here's an example:
<div class = "fieldname">Requester Name: <span style = "color:#FF0000"> *</span><br>
  <select class = "field"
          name = "Requester Info"
          id = "RequesterName"
          onFocus = document.getElementById('RequesterName').style.bor der = '2px solid #3EC4FE'"
          onBlur = "document.getElementById('RequesterName').style.bo rder = '2px solid #CCCCCC'">
          <option value = "Select your name">Select your name</option>
  </select>
</div>

so basically when the select gains focus, a border is drawn around it to show the user where they are in the form.

This code works just fine on Gecko/Mozilla/KHTML but does not work in IE, cannot figure it out.

Any help would be appreciated.

Thanks.

You're missing a double quote:

onFocus = "document.getElementById('RequesterName').style.bo rder = '2px solid #3EC4FE'"

You can also do it this way and save space:

onFocus = "this.style.border = '2px solid #3EC4FE'"

HTH!

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

Hey there,

Thank you for the response. I tried what you pasted in, no-dice.

Are you able to replicate this error on your machine? If so, let me know cos i'm starting to think that there is something in a JavaScript include that is causing this.

Thanks for the help,
IK

Oops, well, according to these MSDN documents the <select> object does not support the border property. Seemed like I used a border property on those before, but I guess I'm mistaken.

http://msdn.microsoft.com/workshop/a...cts/select.asp
http://msdn.microsoft.com/workshop/a...s/border_0.asp

The only way to work around that is to build your own <select> like object using JavaScript.

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

thanks for the links. i know for a fact that i have done that before using document.getElementById("").style.borderStyle, borderColor and borderWidth..

weirdness. i appreciate your help.