I'm getting a weird bug on IE with a form submit button i applied a style to.
You can see it in action here:
<!-- m --><a class="postlink" href="http://www.welovewinter.com/bug/edituser.html">http://www.welovewinter.com/bug/edituser.html</a><!-- m --> (<!-- m --><a class="postlink" href="http://http://www.welovewinter.com/bug/edituser.html">http://http://www.welovewinter.com/bug/edituser.html</a><!-- m -->)
basically a black border shows up around the button.
Oddly, it doesnt show up on this page, where I use the same form button style:
<!-- m --><a class="postlink" href="http://www.welovewinter.com/bug/renderlogin.html">http://www.welovewinter.com/bug/renderlogin.html</a><!-- m -->
any clues??
I'm using IE6, bug does not show up in Firefox.
btw, how do you post code in here?It's not a bug, you have focused on a form element which also 'highlights' the form's submit button. On the 2nd page there is no focus set.
Adding code: use the php code button for colored code or code tags
actually the code for both pages is the same:
first page:
<input onFocus="this.blur();"
class="formbut"
style="cursorointer;"
onmouseover="this.className='formbutover'"
onmouseout="this.className='formbut'"
type="submit" value="Add New Commission Split" />
second page:
<input onFocus="this.blur();"
class="formbut"
style="cursorointer;"
onmouseover="this.className='formbutover'"
onmouseout="this.className='formbut'"
type="submit" value="Login" />No, this:
<script type="text/javascript" language="JavaScript">
<!--
var focusControl = document.forms["commissionSplitForm"].elements["threshold"];
if (focusControl.type != "hidden" && !focusControl.disabled) {
focusControl.focus();
}
// -->
</script>any idea what that bit of javascript does?
is that soemthing i can do without perhaps? or is it more functional that aesthetic?
i didn't even notice that before, thats something that the developers placed in there. I'm just adding styles and layout around their code.It places the focus on the element named threshold if it's not hidden or disabled.
You can see it in action here:
<!-- m --><a class="postlink" href="http://www.welovewinter.com/bug/edituser.html">http://www.welovewinter.com/bug/edituser.html</a><!-- m --> (<!-- m --><a class="postlink" href="http://http://www.welovewinter.com/bug/edituser.html">http://http://www.welovewinter.com/bug/edituser.html</a><!-- m -->)
basically a black border shows up around the button.
Oddly, it doesnt show up on this page, where I use the same form button style:
<!-- m --><a class="postlink" href="http://www.welovewinter.com/bug/renderlogin.html">http://www.welovewinter.com/bug/renderlogin.html</a><!-- m -->
any clues??
I'm using IE6, bug does not show up in Firefox.
btw, how do you post code in here?It's not a bug, you have focused on a form element which also 'highlights' the form's submit button. On the 2nd page there is no focus set.
Adding code: use the php code button for colored code or code tags
Code:
code goes here
first page:
<input onFocus="this.blur();"
class="formbut"
style="cursorointer;"
onmouseover="this.className='formbutover'"
onmouseout="this.className='formbut'"
type="submit" value="Add New Commission Split" />
second page:
<input onFocus="this.blur();"
class="formbut"
style="cursorointer;"
onmouseover="this.className='formbutover'"
onmouseout="this.className='formbut'"
type="submit" value="Login" />No, this:
<script type="text/javascript" language="JavaScript">
<!--
var focusControl = document.forms["commissionSplitForm"].elements["threshold"];
if (focusControl.type != "hidden" && !focusControl.disabled) {
focusControl.focus();
}
// -->
</script>any idea what that bit of javascript does?
is that soemthing i can do without perhaps? or is it more functional that aesthetic?
i didn't even notice that before, thats something that the developers placed in there. I'm just adding styles and layout around their code.It places the focus on the element named threshold if it's not hidden or disabled.