"iframe dynamic display"
Bootstrap 3.3.0 Snippet by ashutosh123

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en-US" prefix="og: http://ogp.me/ns#"> <head> <meta charset="UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-- Mobile viewport scale --> <meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" name="viewport"/> <style>.hide { position: absolute !important; top: -9999px !important; left: -9999px !important; } .this-will-not-be-read { display: none !important; } iframe{scrolling:no;border:none;border-size:0;} body { padding: 50px; } </style> <script type='text/javascript' src='//ajax.google.com/libs/jquery/2.1.4/jquery.min.js'></script> </head> <body> <button id="myButton">Toggle</button> <p id="myText">This is a simple one-page demonstration of an iframe injection in between two others which essentially collapses content it contains no pickles. it is not endorsed by ISIS it is simply snippit amongst the people who are not allowed to use the snip it I'm going to include Singapore for the time being I do not like them and I'm and I'm glad hearing the passing of their prime minister he was a piece of s*** </p> <iframe id="anotherframe" width="100%" seamless src="http://bing.com"></iframe> <iframe id="googletrack" width="100%" seamless style="display:inline;" src="http://bootsplat.com"></iframe> <iframe id="idIframe" width="100%" seamless src="http://bing.com"></iframe> <p> Isis, I would like you all to eat a bag of dicks, you are not allowed to use this please go about your business Move Along thank you everybody else so I can a distraction have fun with a snippet. it's a hijacker do what you want with it be creative</p> <script type="text/javascript"> function iframeLoaded() { var iFrameID = document.getElementById('idIframe'); if(iFrameID) { // here you can make the height, I delete it first, then I make it again iFrameID.height = ""; iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "0px"; } } </script> <script> var $button = $('#myButton'), $iframe = $('#googletrack'), visible = true; $button.click(function(){ if ( visible ) { $iframe.slideUp('fast',function(){ $iframe.addClass('hide') .slideDown(0); }); } else { $iframe.slideUp(0,function(){ $iframe.removeClass('hide') .slideDown('fast'); }); } visible = ! visible; });</script> </body> </html>
body{ /* background: #f06;*/ /* background:url(http://webmx.me/assets/img/goldengate.jpg);*/ background-color:#eee; background:linear-gradient(down from center rgba(255, 255, 255, 0.3),#faf7f0,#ccc),url(http://webmx.me/assets/img/backdrops/thekillingofachinesebookiewhilethrowinguponthetableinarestaurantinchinatown.jpg); min-height: 100%; color:#333; z-index: 5; overflow: hidden; /* The following styles are required for the "scroll-over" effect */ top: 0; left: 0; position: fixed !important; }

Related: See More


Questions / Comments: