여기에서 Prototype을 사용하고 있으며 브라우저를 최대 크기로 최대화하거나 원래 크기로 최소화하기 위해 토글러가있는 페이지가 포함 된 iframe을 토글하는 간단한 토글러를 작성하려고합니다. 어떤 아이디어?자바 스크립트에서 iframe을 최대화하거나 최소화하려면 어떻게 전환합니까?
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이 내부에서 전환 할 필요가 느릅 나무의 경우 0에 포함 된 페이지로 패딩과 마진을 설정하는
<iframe id="iFrameWin" src="http://www.google.se" width="400" height="300"/>
이 당연히 필요로 호출 parent.toggleFullScreen()
내 생각 엔.
희망 하셨기를 바랍니다. 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>
위한
James Padolsey에
P.S 명성
관련 문제
- 1. iFrame을 최대화/최소화하려면 어떻게합니까?
- 2. 자바 스크립트에서 iframe을 사용 중지하는 방법은 무엇입니까?
- 3. XQuery에서 문자열을 어떻게 전환합니까?
- 4. 인터프리터는 범위를 어떻게 전환합니까?
- 5. 내비게이션 컨트롤러를 어떻게 전환합니까?
- 6. 어떻게 전환합니까 : gt
- 7. 기존 활동을 어떻게 전환합니까?
- 8. jQuery 스타일을 어떻게 동적으로 전환합니까?
- 9. 자바 스크립트에서 모음을 어떻게 확인합니까?
- 10. 어떻게 자바 스크립트에서 포커스를 지우시겠습니까?
- 11. 어떻게 자바 스크립트에서 연결을 정의합니까?
- 12. 어떻게 자바 스크립트에서 리디렉션을 트랩합니까?
- 13. asp.net mvc에서 어떻게 masterpage를보기에서 전환합니까?
- 14. Emacs에서 다른 버퍼로 어떻게 전환합니까?
- 15. () [] +! 자바 스크립트에서
- 16. 자바 스크립트에서
- 17. 어떻게 자바 스크립트에서 XML 노드를 반복합니까?
- 18. 자바 스크립트에서 페이지 버튼의 상단을 어떻게 만드나요?
- 19. 이 배열을 자바 스크립트에서 어떻게 정렬합니까?
- 20. Gmail이 풍부한 자바 스크립트에서 어떻게 처리합니까?
- 21. 어떻게 자바 스크립트에서 HTML의 일부를 얻을?
- 22. 어떻게 자바 스크립트에서 연관 배열을 제거합니까?
- 23. 어떻게 자바 스크립트에서 asp.net regExp 검사기를 호출합니까?
- 24. '전화 걸기'는 자바 스크립트에서 어떻게 작동합니까?
- 25. 자바 스크립트에서 어떻게 this.form.checkbox [5]를 참조할까요?
- 26. 어떻게 자바 스크립트에서 문자의 숫자 표현을 어떻게해야합니까?
- 27. 다음 함수 호출은 자바 스크립트에서 어떻게 작동합니까?
- 28. 자바 스크립트에서 브라우저 확인을 종료 하시겠습니까 - 어떻게?
- 29. 어떻게 자바 스크립트에서 굵게 단어를 만드나요?
- 30. 어떻게 결과를 자바 스크립트에서 기다릴 수 있습니까?