public
Last active

iframe preview

  • Download Gist
index.html
HTML
1 2 3
<div class="preview" style="visibility: hidden">
<iframe src='preview.html' id="preview"></iframe>
</div>
preview.js
JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13
/*
* preview.js
* load in index.html page
*/
// After index.html page was loaded, iframe turn visible.
// Because of the case, preview.html in iframe was loaded is faster than index.html was loaded,
// js was loaded in index.html can't move.
 
$(function(){
$(window).load(function(){
$('.preview').css("visibility", "");
});
})
preview_page.js
JavaScript
1 2 3 4 5 6 7 8
/*
* preview_page.js
* load in preview.html page
*/
$(function(){
$('a').attr("href", "#").removeAttr("target");
$('input').attr("disabled","disabled");
})
readme
1 2 3
The page name is index.html has iframe window in itself, The iframe page is preview.html
If you want to handling iframe element by js loaded in index.html, That case can't handling if iframe was loaded faster than index.html.
And to no effect links or input tags,You load js that is changes no effect by preview.html better.

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.