Jump to content
Sign in to follow this  
Followers 0

IE 10 Bug?


7 posts in this topic

Posted

Hi, I am a web developer, I am facing some issues with the Internet Explorer 10. I have hosted a test module in the link given below.

[url="http://54.247.103.19/index.html"]http://54.247.103.19/index.html[/url]

The problem i'm facing is the issue with the text box. when i first enter the values the text box, it is accepting them but when i try to edit them the second time i am not able to enter values in the text box. You can find the same issue in the hosted link given above. Please let me know if you got a solution to sort this particular issue.

Share this post


Link to post
Share on other sites

Posted

add this to your iframe:
[size="2"][color="#a31515"][size="2"][color="#a31515"]onload='document.getElementById(\"ifrmdocuments\").contentWindow.focus();'[/color][/size][/color][/size]

[size="2"][size="2"]Change your TextBox.html body:[/size][/size]
[size="2"][color="#a31515"][size="2"][color="#a31515"][color=#0000FF][size="2"][size="2"]<[/size][/size][/color][size="2"][color="#a31515"][size="2"][color="#a31515"]body[/color][/size][/color][/size] [size="2"][color="#ff0000"][size="2"][color="#ff0000"]onfocus[/color][/size][/color][/size][size="2"][color="#0000ff"][size="2"][color="#0000ff"]="document.getElementById(&quot;first&quot;).focus();">[/color][/size][/color][/size][/color][/size][/color][/size]
[size="2"][color="#a31515"][size="2"][color="#a31515"] [/color][/size][/color][/size]
[color=#000000][size="2"][size="2"][size="2"][size="2"]And first input:[/size][/size][/size][/size][/color]
[size="2"][color="#a31515"][size="2"][color="#a31515"][size="2"][color="#0000ff"][size="2"][color="#0000ff"]<[size="2"][color="#a31515"][size="2"][color="#a31515"]input[/color][/size][/color][/size] [size="2"][color="#ff0000"][size="2"][color="#ff0000"]type[/color][/size][/color][/size][size="2"][color="#0000ff"][size="2"][color="#0000ff"]="text"[/color][/size][/color][/size] [size="2"][color="#ff0000"][size="2"][color="#ff0000"]id[/color][/size][/color][/size][size="2"][color="#0000ff"][size="2"][color="#0000ff"]="first"[/color][/size][/color][/size] [size="2"][color="#ff0000"][size="2"][color="#ff0000"]value[/color][/size][/color][/size][size="2"][color="#0000ff"][size="2"][color="#0000ff"]="first"/>[/color][/size][/color][/size][/color][/size][/color][/size][/color][/size][/color][/size]
[size="2"][color="#a31515"][size="2"][color="#a31515"] [/color][/size][/color][/size]

This will manually set the focus for your elements. The onload is necessary because IE can't focus on elements that are not loaded yet.

Is this what you're looking for?

Share this post


Link to post
Share on other sites

Posted

why are you constantly replacing the entire iframe instead of reloading it?

Share this post


Link to post
Share on other sites

Posted

By the way... My IE10 seems to like xhtml strict more than xhtml transitional:
<![size="2"][color="#a31515"][size="2"][color="#a31515"]DOCTYPE[/color][/size][/color][/size] [size="2"][color="#ff0000"][size="2"][color="#ff0000"]html[/color][/size][/color][/size] [size="2"][color="#ff0000"][size="2"][color="#ff0000"]PUBLIC[/color][/size][/color][/size] [size="2"][color="#0000ff"][size="2"][color="#0000ff"]"-//W3C//DTD XHTML 1.0 Strict//EN"[/color][/size][/color][/size] [size="2"][color="#0000ff"][size="2"][color="#0000ff"]"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/color][/size][/color][/size][size="2"][size="2"]>[/size][/size]

And if you're writing a page for modern Browsers, you should use:
<![size="2"][color="#a31515"][size="2"][color="#a31515"]DOCTYPE[/color][/size][/color][/size] [size="2"][color="#ff0000"][size="2"][color="#ff0000"]html[/color][/size][/color][/size][size="2"][size="2"]>[/size][/size]

[size="2"][size="2"]This is even supported by many older browsers and enables HTML5 features when available. Also, HTML5, the current upcoming standard, does not expicitly define a XHTML standard and it seems like XHTML will get a deprecated status in the near future. So try writing elements like: <element> and not <element />.[/size][/size]

Share this post


Link to post
Share on other sites

Posted

@Jones111 Thanks for the reply but still i have issues after changing the code . It preventing the text entry in the text box while opening the html again in the iframe

@XerXis In the actual scenario, i will replace different page in the iframe

i updated the code as Jones's suggestion, but still have the issues. please help

Share this post


Link to post
Share on other sites

Posted

Quotation marks are magic. My version was:
onload='document.getElementById(\"ifrmdocuments\").contentWindow.focus();'

But your page is:
onload='document.getElementById('ifrmdocuments').contentWindow.focus();

Maybe your editor messed around with it :) .
1 person likes this

Share this post


Link to post
Share on other sites

Posted

Thanks very much Jones! that quote mark does magic! :rolleyes:

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.