"iframe dynamic display"
Bootstrap 3.3.0 Snippet by rayrc

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
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;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: