<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js">
</script>
<iframe class="resize" src="/" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">
$(function(){
$("iframe.resize").load(function(){
var frame = $(this).get(0);
var doc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
$(this).height(doc.body.scrollHeight);
//$(this).width(doc.body.scrollWidth); // 너비도 자동적용하려면 주석 제거
});
});
</script>
</script>
<iframe class="resize" src="/" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">
$(function(){
$("iframe.resize").load(function(){
var frame = $(this).get(0);
var doc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document;
$(this).height(doc.body.scrollHeight);
//$(this).width(doc.body.scrollWidth); // 너비도 자동적용하려면 주석 제거
});
});
</script>
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
댓글 4개
16년 전
한때 이 것 때문에 무진장 고생했었는데
잘 되나요?
브라우저 호환은 문제없나요? ^^;
함 해봐야겠네요 ㅎㅎ 암튼 감사합니다.
잘 되나요?
브라우저 호환은 문제없나요? ^^;
함 해봐야겠네요 ㅎㅎ 암튼 감사합니다.
태양의서쪽
16년 전
// 약간 문제가 있어서 수정 했습니다.
// height 속성이 없는 iframe에 대해서만 높이 자동 지정
// jquery.livequery.js 사용
$.iresize = function() {
try {
$("iframe[height=]")
.livequery("load", function() {
var doc = $(this).contents().find($.browser.msie ? 'body#' : 'body');
$(this).height(doc.height());
});
} catch (e) {}
}
$.iresize();
// height 속성이 없는 iframe에 대해서만 높이 자동 지정
// jquery.livequery.js 사용
$.iresize = function() {
try {
$("iframe[height=]")
.livequery("load", function() {
var doc = $(this).contents().find($.browser.msie ? 'body#' : 'body');
$(this).height(doc.height());
});
} catch (e) {}
}
$.iresize();
RINIX
16년 전
이렇게 하면 페이지 네이 있는 iframe 전체가 다 수정되는거 아닌가요?
name 과 options 를 지정 하심이..^^
가로와 세로를 선택적으로 사용가능하게말이죠..^^
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
$.iresize = function(name, options) {
var settings = {width:true, height:true}
$.extend(settings, options);
try {
$(name)
.livequery("load", function() {
var doc = $(this).contents().find($.browser.msie ? 'body#' : 'body');
if(settings.width) $(this).width(doc.width());
if(settings.height) $(this).height(doc.height());
});
} catch (e) {}
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
$.iresize("element",{width:false}); // height 만 맞춤
$.iresize("element",{height:false}); // width 만 맞춤
$.iresize("element"); // 둘다 맞춤
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
이런식이 된다면 이렇게 하는것이 좋을듯 해 보입니다..^^
name 과 options 를 지정 하심이..^^
가로와 세로를 선택적으로 사용가능하게말이죠..^^
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
$.iresize = function(name, options) {
var settings = {width:true, height:true}
$.extend(settings, options);
try {
$(name)
.livequery("load", function() {
var doc = $(this).contents().find($.browser.msie ? 'body#' : 'body');
if(settings.width) $(this).width(doc.width());
if(settings.height) $(this).height(doc.height());
});
} catch (e) {}
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
$.iresize("element",{width:false}); // height 만 맞춤
$.iresize("element",{height:false}); // width 만 맞춤
$.iresize("element"); // 둘다 맞춤
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
이런식이 된다면 이렇게 하는것이 좋을듯 해 보입니다..^^
16년 전
ifrmae - > iframe 이 맞죠 .?
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 430 | 19년 전 | 4084 | ||
| 429 | 19년 전 | 3278 | ||
| 428 | 19년 전 | 4113 | ||
| 427 | 19년 전 | 3456 | ||
| 426 | 19년 전 | 3087 | ||
| 425 | 19년 전 | 3383 | ||
| 424 | 19년 전 | 2428 | ||
| 423 | 19년 전 | 2834 | ||
| 422 | 19년 전 | 2328 | ||
| 421 | 19년 전 | 3694 | ||
| 420 | 19년 전 | 4722 | ||
| 419 | 19년 전 | 3762 | ||
| 418 |
|
19년 전 | 1720 | |
| 417 | 19년 전 | 2728 | ||
| 416 | 19년 전 | 2370 | ||
| 415 | 19년 전 | 2598 | ||
| 414 | 19년 전 | 4390 | ||
| 413 |
|
19년 전 | 2562 | |
| 412 | 19년 전 | 3021 | ||
| 411 |
|
19년 전 | 2974 | |
| 410 |
|
19년 전 | 3652 | |
| 409 |
|
19년 전 | 3610 | |
| 408 |
|
19년 전 | 1830 | |
| 407 | 19년 전 | 2198 | ||
| 406 | 19년 전 | 2759 | ||
| 405 | 19년 전 | 2428 | ||
| 404 | 19년 전 | 4288 | ||
| 403 | 19년 전 | 3285 | ||
| 402 |
NeoGenesis
|
19년 전 | 4070 | |
| 401 | 19년 전 | 2585 | ||
| 400 |
|
19년 전 | 2467 | |
| 399 | 19년 전 | 2938 | ||
| 398 | 19년 전 | 2467 | ||
| 397 | 19년 전 | 2769 | ||
| 396 | 19년 전 | 2458 | ||
| 395 | 19년 전 | 3164 | ||
| 394 | 19년 전 | 1685 | ||
| 393 | 19년 전 | 2976 | ||
| 392 | 19년 전 | 2236 | ||
| 391 | 19년 전 | 2168 | ||
| 390 | 19년 전 | 2259 | ||
| 389 | 19년 전 | 2617 | ||
| 388 | 19년 전 | 2110 | ||
| 387 | 19년 전 | 4455 | ||
| 386 |
|
19년 전 | 2666 | |
| 385 |
|
19년 전 | 2447 | |
| 384 | 19년 전 | 2961 | ||
| 383 | 19년 전 | 3034 | ||
| 382 | 19년 전 | 3087 | ||
| 381 |
|
19년 전 | 2620 | |
| 380 |
|
19년 전 | 3000 | |
| 379 | 19년 전 | 2531 | ||
| 378 | 19년 전 | 2187 | ||
| 377 | 19년 전 | 2766 | ||
| 376 | 19년 전 | 2461 | ||
| 375 |
|
19년 전 | 2540 | |
| 374 | 19년 전 | 3787 | ||
| 373 | 19년 전 | 3252 | ||
| 372 | 19년 전 | 4972 | ||
| 371 |
세은아빠2
|
19년 전 | 2396 | |
| 370 | 19년 전 | 4488 | ||
| 369 | 19년 전 | 3089 | ||
| 368 | 19년 전 | 2872 | ||
| 367 | 19년 전 | 3711 | ||
| 366 | 19년 전 | 2625 | ||
| 365 | 19년 전 | 3709 | ||
| 364 | 19년 전 | 3984 | ||
| 363 | 19년 전 | 3413 | ||
| 362 | 19년 전 | 3465 | ||
| 361 | 19년 전 | 4085 | ||
| 360 |
hwatta
|
19년 전 | 2337 | |
| 359 | 19년 전 | 5073 | ||
| 358 | 19년 전 | 3630 | ||
| 357 | 19년 전 | 2575 | ||
| 356 |
sdesign1s
|
19년 전 | 2255 | |
| 355 | 20년 전 | 2718 | ||
| 354 | 20년 전 | 3011 | ||
| 353 | 20년 전 | 2779 | ||
| 352 |
|
20년 전 | 5760 | |
| 351 |
|
20년 전 | 2682 | |
| 350 |
|
20년 전 | 4263 | |
| 349 |
hwatta
|
20년 전 | 2153 | |
| 348 | 20년 전 | 7295 | ||
| 347 | 20년 전 | 2400 | ||
| 346 | 20년 전 | 3470 | ||
| 345 | 20년 전 | 4278 | ||
| 344 | 20년 전 | 2605 | ||
| 343 | 20년 전 | 3890 | ||
| 342 | 20년 전 | 3045 | ||
| 341 | 20년 전 | 4070 | ||
| 340 |
|
20년 전 | 5100 | |
| 339 |
|
20년 전 | 4208 | |
| 338 | 20년 전 | 5833 | ||
| 337 | 20년 전 | 2017 | ||
| 336 |
|
20년 전 | 3288 | |
| 335 |
|
20년 전 | 3521 | |
| 334 |
|
20년 전 | 2900 | |
| 333 |
hwatta
|
20년 전 | 2409 | |
| 332 | 20년 전 | 4639 | ||
| 331 | 20년 전 | 2252 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기