 |
HTML Help
Please Search for the answer to your question before asking it! Thanks.
|
| View previous topic :: View next topic |
| Author |
Message |
hindy0123
Joined: 16 Nov 2008
Posts: 5
|
| Posted: Mon Nov 17, 2008 11:47 pm iframe height and top issue |
|
|
My base page contain several iframes:
<head>
<title><wicket:message key="liveManagement.title" /></title>
</head>
<wicket:extend>
<div id="iframe-container">
<iframe id="iframe-form-small" scrolling="no" wicket:id="ShowVidgetsFrame"></iframe>
<iframe id="iframe-form-small" scrolling="no" wicket:id="VideoFrame"></iframe>
<iframe id="iframe-form-small" scrolling="no" wicket:id="MessagesFrame"></iframe>
<iframe id="iframe-form-small" scrolling="no" wicket:id="PollsFrame"></iframe>
</div>
</body>
Each iframe looks like:
<form>
<h1>Show Frame</h1>
<input type="button" id="showButton" style="position:absolute; top:-1px; left:310px" value="Hide" onClick="showHideFrame()" />
</form>
<div id="showForm">
<span wicket:id="feedback" class="message"></span>
<form id="ShowVidgetForm_name" wicket:id="ShowVidget-form">
<p>Current Running Show Properties:</p>
.....
</form>
</div>
<script type="text/javascript"><!--
function showHideFrame() {
if( document.getElementById('showButton').value == "Hide"){
document.getElementById('showButton').value = "Show";
document.getElementById('showForm').style.display="none";
parent.document.getElementById('iframe-form-small').style.height="100px";
}
else{
document.getElementById('showButton').value = "Hide";
document.getElementById('showForm').style.display="";
parent.document.getElementById('iframe-form-small').style.height="500px";
}
}
//--></script>
Thanks in advance |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1409
Location: Biloxi, MS
|
| Posted: Wed Nov 19, 2008 7:10 am |
|
|
| Please do not post duplicates. You have already posted this question HERE. |
|
|
| |
|
|
|
Powered by phpBB Search Engine Indexer
Powered by phpBB 2.0.19 © 2001, 2002 phpBB Group
|
