아이프레임 리사이즈
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/JavaScript">
$(document).ready(function(e) {
$('#ifrm').load(function() {
$(this).height($(this).contents().find('body')[0].scrollHeight+30+"px");
// $(this).width($(this).contents().find('body')[0].scrollWidth+"px");
});
});
</script>
<iframe id="ifrm" width="100%" frameborder="0" marginwidth="0" scrolling="no" src="블러올 주소"></iframe>
이제까지 해본것중 제일 작동을 잘 하네요..
<script type="text/JavaScript">
$(document).ready(function(e) {
$('#ifrm').load(function() {
$(this).height($(this).contents().find('body')[0].scrollHeight+30+"px");
// $(this).width($(this).contents().find('body')[0].scrollWidth+"px");
});
});
</script>
<iframe id="ifrm" width="100%" frameborder="0" marginwidth="0" scrolling="no" src="블러올 주소"></iframe>
이제까지 해본것중 제일 작동을 잘 하네요..
댓글 11개
10년 전
좋은 자료 감사합니다!!!
10년 전
http://davidjbradshaw.github.io/iframe-resizer/
10년 전
블러올 주소에 네이버 블로그주소를 넣으니깐 적용이 안돼내요;;;
그리고 위에 제이쿼리 주소는 그누보드5에서 제공하는 제이쿼리 js 도 있는데 둘다 써야 하는건가요?
그리고 위에 제이쿼리 주소는 그누보드5에서 제공하는 제이쿼리 js 도 있는데 둘다 써야 하는건가요?
10년 전
크로스 도메인이라 스크립트가 적용이 안됩니다.
10년 전
ㅌ
10년 전
아래는 모바일에서 잘되는 아이프래임입니다
<script>
// 적용할 IFRAME의 이름
var strName = "ifrm";
function getReSize()
{
try {
var objFrame = document.getElementById(strName);
var objBody = ifrm.document.body;
ifrmHeight = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight);
if (ifrmHeight > 300) {
objFrame.style.height = ifrmHeight + "px";
} else {
objFrame.style.height = 300;
}
objFrame.style.width = '100%'
} catch(e) {}
}
function getRetry()
{
getReSize();
setTimeout('getRetry()',500);
}
getRetry();
</script>
<iframe src="본인도메인
" frameborder="0" width="100%" height="768" allowTransparency="true"
name="ifrm" id="auto_iframe" marginwidth="0" marginheight="0" scrolling="no"
allowtransparency="true"></iframe>
<script>
// 적용할 IFRAME의 이름
var strName = "ifrm";
function getReSize()
{
try {
var objFrame = document.getElementById(strName);
var objBody = ifrm.document.body;
ifrmHeight = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight);
if (ifrmHeight > 300) {
objFrame.style.height = ifrmHeight + "px";
} else {
objFrame.style.height = 300;
}
objFrame.style.width = '100%'
} catch(e) {}
}
function getRetry()
{
getReSize();
setTimeout('getRetry()',500);
}
getRetry();
</script>
<iframe src="본인도메인
" frameborder="0" width="100%" height="768" allowTransparency="true"
name="ifrm" id="auto_iframe" marginwidth="0" marginheight="0" scrolling="no"
allowtransparency="true"></iframe>
7년 전
감사합니다. 한참을 헤메다 여기서 찾았네요~
allnight123
10년 전
감사해요
openwater
9년 전
감사합니다
junny
8년 전
잘사용하겠습니다. 감사합니다.
제주도in
7년 전
감사합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4402 | ||
| 2574 | 10개월 전 | 559 | ||
| 2573 | 10개월 전 | 936 | ||
| 2572 |
두리삼촌v
|
10개월 전 | 606 | |
| 2571 | 10개월 전 | 554 | ||
| 2570 | 10개월 전 | 598 | ||
| 2569 |
두리삼촌v
|
10개월 전 | 635 | |
| 2568 |
두리삼촌v
|
10개월 전 | 665 | |
| 2567 |
두리삼촌v
|
10개월 전 | 459 | |
| 2566 |
두리삼촌v
|
10개월 전 | 441 | |
| 2565 | 10개월 전 | 738 | ||
| 2564 | 10개월 전 | 666 | ||
| 2563 | 10개월 전 | 472 | ||
| 2562 | 10개월 전 | 1028 | ||
| 2561 |
 수평선1203 |
10개월 전 | 674 | |
| 2560 | 10개월 전 | 917 | ||
| 2559 | 10개월 전 | 655 | ||
| 2558 |
 간장게장같은남자 |
10개월 전 | 503 | |
| 2557 | 10개월 전 | 656 | ||
| 2556 | 10개월 전 | 953 | ||
| 2555 | 11개월 전 | 1334 | ||
| 2554 | 11개월 전 | 750 | ||
| 2553 |
수평선1203 |
11개월 전 | 744 | |
| 2552 | 11개월 전 | 673 | ||
| 2551 | 11개월 전 | 863 | ||
| 2550 | 11개월 전 | 764 | ||
| 2549 |
 dkstmdc |
11개월 전 | 716 | |
| 2548 | 11개월 전 | 1028 | ||
| 2547 | 11개월 전 | 669 | ||
| 2546 | 11개월 전 | 1203 | ||
| 2545 | 11개월 전 | 660 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기