126 lines
4.7 KiB
HTML
Executable File
126 lines
4.7 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>iFrame message passing test</title>
|
|
<meta name="description" content="iFrame message passing test" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
|
<style>
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-model: border-box;
|
|
}
|
|
a {
|
|
float: right;
|
|
margin-left: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<b>iFrame</b>
|
|
<a href="#" onclick="$('p:eq(0)').toggle();return false;">Toggle content</a>
|
|
|
|
<a
|
|
href="#"
|
|
onclick="if ('parentIFrame' in window) window.parentIFrame.size(250);return false;"
|
|
>Size(250)</a
|
|
>
|
|
|
|
<a
|
|
href="#"
|
|
onclick="if ('parentIFrame' in window) window.parentIFrame.autoResize(true);return false;"
|
|
>autoResize(true)</a
|
|
>
|
|
|
|
<a
|
|
href="#"
|
|
onclick="if ('parentIFrame' in window) window.parentIFrame.autoResize(false);return false;"
|
|
>autoResize(false)</a
|
|
>
|
|
|
|
<a id="nested" href="frame.nested.html">Nested</a>
|
|
|
|
<a href="frame.hover.html">:Hover</a>
|
|
|
|
<a href="frame.textarea.html">TextArea</a>
|
|
|
|
<a href="frame.absolute.html">Absolute Position</a>
|
|
|
|
<a
|
|
href="#"
|
|
onclick="if ('parentIFrame' in window) window.parentIFrame.sendMessage('Hello from the iFrame');return false;"
|
|
>Send Message</a
|
|
>
|
|
|
|
<a
|
|
href="#"
|
|
onclick="if ('parentIFrame' in window) window.parentIFrame.close();return false;"
|
|
>Close</a
|
|
>
|
|
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
|
|
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
|
|
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
|
|
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
|
|
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
|
|
est laborum.
|
|
</p>
|
|
<p>
|
|
But I must explain to you how all this mistaken idea of denouncing
|
|
pleasure and praising pain was born and I will give you a complete account
|
|
of the system, and expound the actual teachings of the great explorer of
|
|
the truth, the master-builder of human happiness. No one rejects,
|
|
dislikes, or avoids pleasure itself, because it is pleasure, but because
|
|
those who do not know how to pursue pleasure rationally encounter
|
|
consequences that are extremely painful. Nor again is there anyone who
|
|
loves or pursues or desires to obtain pain of itself, because it is pain,
|
|
but because occasionally circumstances occur in which toil and pain can
|
|
procure him some great pleasure. To take a trivial example, which of us
|
|
ever undertakes laborious physical exercise, except to obtain some
|
|
advantage from it? But who has any right to find fault with a man who
|
|
chooses to enjoy a pleasure that has no annoying consequences, or one who
|
|
avoids a pain that produces no resultant pleasure?
|
|
</p>
|
|
<p>
|
|
On the other hand, we denounce with righteous indignation and dislike men
|
|
who are so beguiled and demoralized by the charms of pleasure of the
|
|
moment, so blinded by desire, that they cannot foresee the pain and
|
|
trouble that are bound to ensue; and equal blame belongs to those who fail
|
|
in their duty through weakness of will, which is the same as saying
|
|
through shrinking from toil and pain. These cases are perfectly simple and
|
|
easy to distinguish. In a free hour, when our power of choice is
|
|
untrammelled and when nothing prevents our being able to do what we like
|
|
best, every pleasure is to be welcomed and every pain avoided. But in
|
|
certain circumstances and owing to the claims of duty or the obligations
|
|
of business it will frequently occur that pleasures have to be repudiated
|
|
and annoyances accepted. The wise man therefore always holds in these
|
|
matters to this principle of selection: he rejects pleasures to secure
|
|
other greater pleasures, or else he endures pains to avoid worse pains.
|
|
</p>
|
|
|
|
<script>
|
|
var level = document.location.search.replace(/\?/, '') || 0
|
|
$('#nested').attr('href', 'frame.nested.html?' + ++level)
|
|
</script>
|
|
|
|
<script>
|
|
var iFrameResizer = {
|
|
onMessage: function(message) {
|
|
alert(message, parentIFrame.getId())
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script
|
|
type="text/javascript"
|
|
src="../js/iframeResizer.contentWindow.min.js"
|
|
defer
|
|
></script>
|
|
</body>
|
|
</html>
|