我在这里使用Prototype,并希望构建一个简单的切换器,切换包含切换器所在页面的iframe以最大化浏览器全尺寸或最小化为其原始大小。有任何想法吗?如何切换iframe以最大化或最小化JavaScript?
0
A
回答
2
这适用于我在IE7 & FF3.6(只适用于工作)。
function getDocWidth() {
var D = document;
return Math.max(
Math.max(D.body.scrollWidth, D.documentElement.scrollWidth),
Math.max(D.body.offsetWidth, D.documentElement.offsetWidth),
Math.max(D.body.clientWidth, D.documentElement.clientWidth)
);
}
function getDocHeight() {
var D = document;
return Math.max(
Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
Math.max(D.body.clientHeight, D.documentElement.clientHeight)
);
}
var isFullScreen = false;
var orgDimensions = new Array();
function toggleFullScreen() {
ifr = document.getElementById("iFrameWin");
if (!isFullScreen) {
orgDimensions[0] = ifr.style.width;
orgDimensions[1] = ifr.style.height;
ifr.style.width = getDocWidth() + "px";
ifr.style.height = getDocHeight() + "px";
}
else {
ifr.style.width = orgDimensions[0];
ifr.style.height = orgDimensions[1];
}
isFullScreen = !isFullScreen;
}
哪里日iframe是:
<iframe id="iFrameWin" src="http://www.google.se" width="400" height="300"/>
这ofcourse需要为您的填充和保证金包含页面设置为0至极情况下,你需要从iframe内的切换,通话parent.toggleFullScreen()
我想。
希望这是你在找什么!
P.S 荣誉给James Padolsey为getDocHeight()
功能
1
**//here is the script**
<script src="Scripts/Jquery.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function ($) {
$('#min1').click(function() {
var iframeheight = $('#iframe1').width();
if (iframeheight == 934) {
$('#iframe1').width(462);
document.getElementById('divFrame2').style.display = "block";
}
});
$('#max1').click(function() {
var iframeheight = $('#iframe1').width();
if (iframeheight == 462) {
$('#iframe1').width(934);
document.getElementById('divFrame2').style.display = "none";
}
});
$('#min2').click(function() {
var iframeheight = $('#iframe2').width();
if (iframeheight == 934) {
$('#iframe2').width(462);
document.getElementById('divFrame1').style.display = "block";
}
});
$('#max2').click(function() {
var iframeheight = $('#iframe2').width();
if (iframeheight == 462) {
$('#iframe2').width(934);
document.getElementById('divFrame1').style.display = "none";
}
});
});
</script>
**//style**
<style type="text/css">
.bdr
{
border: 1px solid #6593cf;
}
</style>
**//aspx sample**
<form id="form1" runat="server">
<table><tr><td >
<div id="divFrame1" class="bdr">
<div>
<img id="min1" src="Images/Minimize.jpg" width="13" height="14" border="0" alt="" />
<img id="max1" src="Images/Maximize.jpg" name="Image6" width="13" height="14" border="0"
id="Image6" alt="" />
</div>
<iframe name="content" id="iframe1" src="http://www.dynamicdrive.com/forums/archive/index.php/t-2529.html"
frameborder="0" height="321" width="462"></iframe>
</div>
</td ><td >
<div id="divFrame2" class="bdr">
<div>
<img id="min2" src="Images/Minimize.jpg" width="13" height="14" border="0" alt="" />
<img id="max2" src="Images/Maximize.jpg" name="Image6" width="13" height="14" border="0"
id="Image7" alt="">
</div>
<iframe name="content" id="iframe2" src="http://www.w3schools.com/default.asp" frameborder="0"
height="321" width="462"></iframe>
</div>
</td></tr></table>
</form>
相关问题
- 1. 如何最大化/最小化iFrame?
- 2. 如何使用jquery&animate.css切换最大化/最小化?
- 3. Eclipse:切换标签页的热键最大化/最小化
- 4. 最小化/最大化div
- 5. 最小化K切割后最大组的大小
- 6. 最大化最小差异
- 7. 最小化,最大化exe的
- 8. 在android中最大化和最小化
- 9. 禁用窗口最大化/最小化
- 10. 如何阻止Gmail最大化iFrame?
- 11. Z3最大化API:切换目标
- 12. 我如何知道用户何时最小化/最大化Eclipse?
- 13. 使用javascript最小化和最大化文本
- 14. 使用Javascript最大化/最小化检测浏览器窗口
- 15. Java JList刷新后才能最小化或最大化
- 16. 在双击功能区时禁用最小化或最大化
- 17. 窗体在关闭,最小化或最大化时挂起
- 18. E4 RCP应用程序监听最大化或最小化
- 19. Nivo Slider - 在最大化或最小化时不调整图像大小
- 20. 最小化ExtJS的大小
- 21. 如何最小化/最大化jQuery对话框?
- 22. 如何最小化/最大化功能区
- 23. 如何在最小化窗口后最大化窗口
- 24. 如何从任务栏最小化和最大化winform?
- 25. 如何在jsp中最小化和最大化表格
- 26. 如何在C#.Net中最小化和最大化?
- 27. 如何使用Addon SDK跟踪窗口最小化/最大化?
- 28. 可以最小化和最大化SWT布局
- 29. 如何检测浏览器最小化和最大化状态在JavaScript
- 30. 如何通过Javascript删除最小化和最大化窗口属性