Created

Embed URL

HTTPS clone URL

SSH clone URL

You can clone with HTTPS or SSH.

Download Gist

iframe preview

View index.html
1 2 3
<div class="preview" style="visibility: hidden">
<iframe src='preview.html' id="preview"></iframe>
</div>
View index.html
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", "");
});
})
View index.html
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");
})
View index.html
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.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.