tags:

views:

8

answers:

1
Q: 

not able to show iframe html content in chrome and ff but works well in IE7???? 

var content = "<!DOCTYPE html PUBLIC \"-//WAPFORUM//DTD XHTML Mobile 1.2//EN\"\"http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd\"&gt;
<html>
 <body style=\"background-color:#0C0C0C; color:#FFFFFF\"> 
 Please Enter the credentials
 <form name=\"dynamicform\">
 <ul class=\"edgetoedge\" style=\"background-color:#0C0C0C;\"><li><div id=\"errorDiv\" style=\"color:red\"> </div></li> <li> <input id=\"Phone Number:_minLength\" type=\"hidden\" value=\"16\" /> </li>
 <li> </ul> </form> </body> </html>"
<script>
.....
var dynamicFormIframe = document.getElementById('dynamicFormIframe');
dynamicFormIframe = (dynamicFormIframe.contentWindow) ? dynamicFormIframe.contentWindow : (dynamicFormIframe.contentDocument.document) ? dynamicFormIframe.contentDocument.document : dynamicFormIframe.contentDocument;
        dynamicFormIframe.document.open();
        dynamicFormIframe.document.write(content);
....</sript>
<body><iframe id="dynamicFormIframe" src=""></frame></body >

not able to show html content in chrome and ff but works well in IE7

A:  
dynamicFormIframe = (dynamicFormIframe.contentWindow) ? dynamicFormIframe.contentWindow : (dynamicFormIframe.contentDocument.document) ? dynamicFormIframe.contentDocument.document : dynamicFormIframe.contentDocument;

contentDocument.document is nonsense; that clause will never be taken. Chrome, not supporting the non-standard contentWindow property, will fall back to using contentDocument, which is a different object from contentWindow.

You only seem to want the document, not the window, so go for the standard contentDocument first, and only fall back to going via the window for IE where it's not supported:

var iframe= document.getElementById('dynamicFormIframe');
var idoc= 'contentDocument' in iframe? iframe.contentDocument : iframe.contentWindow.document;
idoc.open();
idoc.write(content);
idoc.close();

(Your example also has many apparent typos like mismatching tags, a JS string split over lines and a malformed doctype, is that a copy-and-paste error?)

bobince  2010-07-28 14:34:14

related questions

Why doesn't this javascript (jQuery) go into an infinite loop?
jQuery Event To Detect When Element Position Changes
How do you execute a Javascript function without 'onclick' like "Grippie" in a new post on SOF
Avoiding a javascript race condition
When does script added with RegisterStartupScript() execute?
Are there any pre-built Javascripts for checking keyboard/mouse activity?
Why does my custom drag and drop script fail?
How to Add Event Handler with Arguments to an Array of Elements in Javascript?
Firefox style onclick arguments in IE
Javascript "onMouseOver" triggering for children?
Can event handler defined within javascript object literal access itself?
How to Stop Click Event From Executing in Javascript Function?
What is the event precedence in JavaScript?
html onresizeend event, or equivalent way to detect end of resize
Can anyone explain why this JavaScript causes memory leaks in IE7?
Javascript onHover event
Asp:RadioButtonList still posts back to server even when client validation fails?
What is the best way to include the icon in the target region of clickable text?
Is there a way to determine that the browser window was closed?
Is it possible to listen for changes to an object's attributes in JavaScript?
Javascript: How to loop through elements and call onblur handler for certain elements
How to do page initialization functions in ASP.NET AJAX?
How to change characters typed in Firefox
How to change the style of an element/container when the focus is "inside" it?
How to ensure a DOM element triggers mouseover when it contains a Flash object