Page errors

saifsid9 · February 11th, 2012, 10:46 PM

Hello every1.
I m using ajax tab controls on a page and there are 3 tabs nested under one.thats the design and when i click on tabs i get the page/script errors (not sure what should i call these errors). this happens only on IE9 AND IE8. There are different errors on different pages but one common error is "Can't move focus to the control because it is invisible,not enabled,or of a type that does not accept the focus." and some errors says "DOM Is null or not a object". please help.
Thanks

saifsid9 · February 12th, 2012, 02:07 PM

Imar, any idea about this page errors please help

irProject · February 15th, 2012, 02:21 PM

Hi there

invisible controls and some special controls does not got focus.

1-
<input type="text" style="visibility:hidden;" /> (style="visibility:hidden ;")

2-
<input type="text" style="display:none;" /> (style="display:none; ")

3-
<input type="button" disabled="disabled" value="disabled button" /> (disabled="disabled")

4-
<img src="someurl/a.jpg" /> (img tag itself)

all of above doesn't got focus and calling focus() method raises error.

Solutions:
1- check style of your tabs (or div's that tab's content is shown in)
2- check your controls visibility and accessibility (Enable=true)

irProject · February 15th, 2012, 02:32 PM

I encountered this error when I wanted to set focus on an image (I'd used image as button of a dialog box). to solve this problem I placed the img into a div tag and then called focus() method over div:

HTML Code:

<div id="okButtonDiv" class="fit">
<img src="http://p2p.wrox.com/images/okButton.gif" alt="OK"/>
</div>

...
<script type="text/javascript">
var defaultBtn = <%= (defaultButton==DialogButton.OK? "okButtonDiv": "cancelButtonDiv") %>
document.getElementById(defaultBtn).focus();
</script>

to prevent of adding 'defaultBtn' variable to 'window' i used below script instead:

HTML Code:

<script type="text/javascript">
(function(){
    var defaultBtn = <%= (defaultButton==DialogButton.OK? "okButtonDiv": "cancelButtonDiv") %>
    document.getElementById(defaultBtn).focus();
})();
</script>

Smile over problems