아이프레임 리사이즈
<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년 전 | 4412 | ||
| 294 | 11년 전 | 7914 | ||
| 293 | 11년 전 | 14778 | ||
| 292 | 11년 전 | 8091 | ||
| 291 | 11년 전 | 9117 | ||
| 290 | 11년 전 | 7526 | ||
| 289 | 11년 전 | 7923 | ||
| 288 | 11년 전 | 8344 | ||
| 287 | 11년 전 | 20586 | ||
| 286 | 11년 전 | 9894 | ||
| 285 | 11년 전 | 10434 | ||
| 284 | 11년 전 | 8247 | ||
| 283 | 11년 전 | 7205 | ||
| 282 | 11년 전 | 5988 | ||
| 281 | 11년 전 | 11191 | ||
| 280 |
 vitamin |
11년 전 | 8102 | |
| 279 | 11년 전 | 13441 | ||
| 278 | 11년 전 | 9907 | ||
| 277 | 11년 전 | 10362 | ||
| 276 | 11년 전 | 14641 | ||
| 275 |
vitamin |
11년 전 | 18262 | |
| 274 | 11년 전 | 6514 | ||
| 273 | 11년 전 | 8056 | ||
| 272 | 11년 전 | 10450 | ||
| 271 | 11년 전 | 14666 | ||
| 270 | 11년 전 | 7941 | ||
| 269 | 11년 전 | 8697 | ||
| 268 | 11년 전 | 7357 | ||
| 267 | 11년 전 | 9080 | ||
| 266 | 11년 전 | 7507 | ||
| 265 | 11년 전 | 13509 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기