If you want to update the iframe content using html then you should first find the body element inside the iframe and then append the required markup. $(document).ready(function() { $(‘#prev’).contents().find(‘body’).html(‘<div> blah </div>’); }); Working demo – http://jsfiddle.net/ShankarSangoli/a7r9L/
I think the <iframe> MDN documentation explains it well: With the DOM HTMLIFrameElement object, scripts can access the window object of the framed resource via the contentWindow property. The contentDocument property refers to the document inside the <iframe>, same as contentWindow.document. From the inside of a frame, a script can get a reference to its … Read more
The trick is to append the following onload=”window.parent.parent.scrollTo(0,0)” to the iframe and that should do it!
The iframe trick no longer works — my guess is that Apple knows it will encourage more developers to implement Universal Links, more quickly. You can still set window.location=’your-uri-scheme://’; and fallback to the App Store after 500ms. There is a “dance” between popups if you take this approach, as we do at Branch (we do … Read more
Accessing and then modifying webpages in iframes of other websites is known as Cross-site scripting or XSS and it is a technique used by malicious hackers to prey on unsuspecting victims. A policy by the name of “Same-Origin Policy” is implemented by browser makers to prevent such behaviour and arbitrary execution of JS code. This … Read more
The other solutions use innerHTML, which won’t always work in XHTML. They also only clear document.body (anything in the <head> is still present). Here is a solution that uses the DOM: var frame = document.getElementById(“myFrame”), frameDoc = frame.contentDocument || frame.contentWindow.document; frameDoc.removeChild(frameDoc.documentElement); This solution uses innerHTML: var frame = document.getElementById(“myFrame”), frameDoc = frame.contentDocument || frame.contentWindow.document; frameDoc.documentElement.innerHTML … Read more
<form … target=”hidden_iframe”> … </form> <iframe name=”hidden_iframe” …></iframe>
Use the code in this way <div style=”overflow:auto;-webkit-overflow-scrolling:touch”> <iframe style=”width:100%;height:600px” src=”www.iframe.com”></iframe> </div>
If your target isn’t Opera 9 or lower and IE 9 or lower you can use css attribute pointer-events: none. I found it the best way just to ignore iframe. I add class with this attribute to iframe in onMouseDown event and remove in onMouseUp event. Works perfect for me.
If you ever want to throttle an event from being called multiple times, regardless the cause for invocation, use a flag to block subsequent events. There are several strategies: .1. time-based throttling. suppose you have a function “func”, and you’d like it to be called only once within 200ms: function func(){ if (document.func_lock) return; document.func_lock=true; … Read more