iframe 써서 노 프레임 효과 내기
*** 이번 팁은, iframe 의 모든 내용이 모두 로드 된 후 크기를 조정하는 것입니다;; 즉 img 파일이 100개면, 100개 모두 로드 된 후 리 사이즈 되요;;
iframe 에 들어갈 내용에 아래 내용을 추가하세요
*모든 보드 게시판에 적용하시려면 보드 파일에서 head.php 파일 맨 밑에 추가해 주세요..^^
<SCRIPT LANGUAGE='javascript' for='window' event='onload'>
function counting_resize(){
top.main.document.all.music_album.style.height = document.body.scrollHeight + 20 ;
}
counting_resize();
</script>
여기서 top.main.document.all.music_album.style.height 에서 top은 iframe 을 포함하는 frame 최 상위, 즉 frame 을 나눠주는 페이지를 뜻합니다.;;
그리고 main 은 프레임 이름이죠..그 다음 document.all 은 main 프레임전체를 뜻하고, music_album 이 iframe 이름이에요;;
그 다음 '=' 이후 명령어는 그냥.. iframe 에 들어갈 내용의 길이를 잰다음 거기에 20 픽셀을 더해서 그 페이지를 연 iframe의 크기를 조절하는거죠..^^;;
그러니까 top.main. 은 만약 iframe 을 포함한 페이지가 다른 프레임에 들어있지 않을때는 지워도 되요.
┌─────────────────────────┐
│ frame 1 name=something │
├─────────────────────────┤
│ frame 2 name="main" │
│ │
│ ┌─────────────────┐ │
│ │ iframe name="music_album" │ │
│ │ │ │
│ └─────────────────┘ │
│ │
└─────────────────────────┘
뭐 이렇죠-ㅁ-;; 설명이 제대로 됬는지는..<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
iframe 에 들어갈 내용에 아래 내용을 추가하세요
*모든 보드 게시판에 적용하시려면 보드 파일에서 head.php 파일 맨 밑에 추가해 주세요..^^
<SCRIPT LANGUAGE='javascript' for='window' event='onload'>
function counting_resize(){
top.main.document.all.music_album.style.height = document.body.scrollHeight + 20 ;
}
counting_resize();
</script>
여기서 top.main.document.all.music_album.style.height 에서 top은 iframe 을 포함하는 frame 최 상위, 즉 frame 을 나눠주는 페이지를 뜻합니다.;;
그리고 main 은 프레임 이름이죠..그 다음 document.all 은 main 프레임전체를 뜻하고, music_album 이 iframe 이름이에요;;
그 다음 '=' 이후 명령어는 그냥.. iframe 에 들어갈 내용의 길이를 잰다음 거기에 20 픽셀을 더해서 그 페이지를 연 iframe의 크기를 조절하는거죠..^^;;
그러니까 top.main. 은 만약 iframe 을 포함한 페이지가 다른 프레임에 들어있지 않을때는 지워도 되요.
┌─────────────────────────┐
│ frame 1 name=something │
├─────────────────────────┤
│ frame 2 name="main" │
│ │
│ ┌─────────────────┐ │
│ │ iframe name="music_album" │ │
│ │ │ │
│ └─────────────────┘ │
│ │
└─────────────────────────┘
뭐 이렇죠-ㅁ-;; 설명이 제대로 됬는지는..<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
댓글 1개
웹프로그래머
14년 전
잘 보고 갑니다
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 630 | 19년 전 | 2333 | ||
| 629 |
 ⓦangcho |
19년 전 | 1998 | |
| 628 |
ⓦangcho |
19년 전 | 3100 | |
| 627 |
ⓦangcho |
19년 전 | 2013 | |
| 626 |
ⓦangcho |
19년 전 | 2058 | |
| 625 |
ⓦangcho |
19년 전 | 1707 | |
| 624 |
ⓦangcho |
19년 전 | 2209 | |
| 623 | 19년 전 | 2187 | ||
| 622 |
 뜨락의이름 |
19년 전 | 2494 | |
| 621 |
ⓦangcho |
19년 전 | 2883 | |
| 620 |
ⓦangcho |
19년 전 | 2389 | |
| 619 | 19년 전 | 2453 | ||
| 618 | 19년 전 | 3503 | ||
| 617 |
 Elbis |
19년 전 | 3219 | |
| 616 |
Elbis |
19년 전 | 3209 | |
| 615 |
Elbis |
19년 전 | 3022 | |
| 614 |
Elbis |
19년 전 | 2030 | |
| 613 |
Elbis |
19년 전 | 2355 | |
| 612 |
Elbis |
19년 전 | 2227 | |
| 611 |
Elbis |
19년 전 | 2065 | |
| 610 |
Elbis |
19년 전 | 2502 | |
| 609 |
Elbis |
19년 전 | 2413 | |
| 608 |
Elbis |
19년 전 | 2802 | |
| 607 | 19년 전 | 2181 | ||
| 606 | 19년 전 | 3503 | ||
| 605 | 19년 전 | 1975 | ||
| 604 | 19년 전 | 2578 | ||
| 603 | 19년 전 | 1601 | ||
| 602 |
 Dream |
19년 전 | 2827 | |
| 601 | 19년 전 | 3069 | ||
| 600 |
 빨간망토의비밀 |
19년 전 | 2152 | |
| 599 | 19년 전 | 1992 | ||
| 598 | 19년 전 | 2466 | ||
| 597 | 19년 전 | 2379 | ||
| 596 |
ⓦangcho |
19년 전 | 3068 | |
| 595 |
ⓦangcho |
19년 전 | 6744 | |
| 594 | 19년 전 | 2703 | ||
| 593 | 19년 전 | 3179 | ||
| 592 |
 damoa.biz |
19년 전 | 3080 | |
| 591 |
ⓦangcho |
19년 전 | 1918 | |
| 590 | 19년 전 | 3359 | ||
| 589 | 19년 전 | 2197 | ||
| 588 |
ⓦangcho |
19년 전 | 2698 | |
| 587 | 19년 전 | 2338 | ||
| 586 |
 cunic |
19년 전 | 4351 | |
| 585 | 19년 전 | 2472 | ||
| 584 | 19년 전 | 2742 | ||
| 583 |
ⓦangcho |
19년 전 | 3507 | |
| 582 |
ⓦangcho |
19년 전 | 3709 | |
| 581 |
ⓦangcho |
19년 전 | 3234 | |
| 580 | 19년 전 | 2471 | ||
| 579 | 19년 전 | 3045 | ||
| 578 | 19년 전 | 3935 | ||
| 577 | 19년 전 | 3788 | ||
| 576 | 19년 전 | 1727 | ||
| 575 |
ⓦangcho |
19년 전 | 2191 | |
| 574 |
 happycommunity |
19년 전 | 5396 | |
| 573 | 19년 전 | 6702 | ||
| 572 | 19년 전 | 2551 | ||
| 571 | 19년 전 | 2101 | ||
| 570 | 19년 전 | 2594 | ||
| 569 | 19년 전 | 3272 | ||
| 568 | 19년 전 | 3508 | ||
| 567 | 19년 전 | 2978 | ||
| 566 | 19년 전 | 2588 | ||
| 565 |
ⓦangcho |
19년 전 | 4704 | |
| 564 |
ⓦangcho |
19년 전 | 6713 | |
| 563 |
ⓦangcho |
19년 전 | 4980 | |
| 562 |
ⓦangcho |
19년 전 | 5937 | |
| 561 |
ⓦangcho |
19년 전 | 2674 | |
| 560 |
ⓦangcho |
19년 전 | 2509 | |
| 559 |
ⓦangcho |
19년 전 | 2208 | |
| 558 |
ⓦangcho |
19년 전 | 2290 | |
| 557 | 19년 전 | 4582 | ||
| 556 |
 Photofly |
19년 전 | 4649 | |
| 555 | 19년 전 | 2492 | ||
| 554 | 19년 전 | 2168 | ||
| 553 | 19년 전 | 2503 | ||
| 552 |
Photofly |
19년 전 | 3138 | |
| 551 | 19년 전 | 2926 | ||
| 550 |
Elbis |
19년 전 | 1884 | |
| 549 |
Elbis |
19년 전 | 1946 | |
| 548 |
Elbis |
19년 전 | 3135 | |
| 547 |
Elbis |
19년 전 | 2355 | |
| 546 |
Elbis |
19년 전 | 3609 | |
| 545 |
Elbis |
19년 전 | 2534 | |
| 544 |
Elbis |
19년 전 | 1842 | |
| 543 |
Elbis |
19년 전 | 2447 | |
| 542 |
Elbis |
19년 전 | 1713 | |
| 541 |
Elbis |
19년 전 | 1397 | |
| 540 |
Elbis |
19년 전 | 1524 | |
| 539 |
Elbis |
19년 전 | 1791 | |
| 538 |
Elbis |
19년 전 | 1568 | |
| 537 |
Elbis |
19년 전 | 1767 | |
| 536 |
Elbis |
19년 전 | 1554 | |
| 535 |
Elbis |
19년 전 | 1949 | |
| 534 |
Elbis |
19년 전 | 1835 | |
| 533 |
Elbis |
19년 전 | 1433 | |
| 532 |
Elbis |
19년 전 | 1432 | |
| 531 |
Elbis |
19년 전 | 1348 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기