아이프레임 리사이즈
<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 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2695 | 1개월 전 | 172 | ||
| 2694 | 1개월 전 | 134 | ||
| 2693 | 1개월 전 | 143 | ||
| 2692 | 1개월 전 | 158 | ||
| 2691 | 1개월 전 | 312 | ||
| 2690 | 1개월 전 | 217 | ||
| 2689 |
 SIR개발팀 |
1개월 전 | 424 | |
| 2688 | 1개월 전 | 275 | ||
| 2687 |
선택과집중
|
1개월 전 | 313 | |
| 2686 | 1개월 전 | 275 | ||
| 2685 | 2개월 전 | 331 | ||
| 2684 | 2개월 전 | 462 | ||
| 2683 | 2개월 전 | 262 | ||
| 2682 | 2개월 전 | 287 | ||
| 2681 |
선택과집중
|
2개월 전 | 264 | |
| 2680 | 2개월 전 | 313 | ||
| 2679 |
 Xenon54 |
2개월 전 | 417 | |
| 2678 |
Xenon54 |
2개월 전 | 488 | |
| 2677 | 2개월 전 | 312 | ||
| 2676 | 2개월 전 | 287 | ||
| 2675 |
선택과집중
|
2개월 전 | 464 | |
| 2674 |
 ideaman |
2개월 전 | 310 | |
| 2673 | 2개월 전 | 322 | ||
| 2672 | 2개월 전 | 272 | ||
| 2671 | 2개월 전 | 244 | ||
| 2670 | 2개월 전 | 357 | ||
| 2669 | 2개월 전 | 275 | ||
| 2668 |
선택과집중
|
2개월 전 | 470 | |
| 2667 |
선택과집중
|
2개월 전 | 455 | |
| 2666 |
선택과집중
|
3개월 전 | 388 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기