Iframe 속성

말자 전체게시물 작성일13-05-02 05:54 조회2,890회

본문

1. IFRAME기본속성
<iframe src="”불러올 html파일명” scrolling=”yes” marginwidth=”0″ marginheight=”0″    frameborder=”0″ vspace=”0″ hspace=”0″ height=”높이” width=”넓이”></iframe>

WIDTH 픽셀 ifram e의 폭을 지정합니다
HEIGHT 픽셀 iframe의 높이를 지정합니다.
FRAMEBORDER yes, no iframe의 경계선을 나타나게 할 것인지를 결정합니다.
yes로 하면 프레임 경계가 나타나고 no로 하면
프레임 경계가 나타나지 않습니다.
SCROLLING yes, no, auto yes : 스크롤 바가 항상 나타납니다 .
no : 내용이 잘리더라도 스크롤 바가 나타나지 않습니다.
auto : iframe의 크기보다 불러온 문서의 내용이 많으면
자동으로 나타납니다.
SRC file name iframe에서 불러올 문서의 경로와 문서의 이름을 지정합니다.
MARGINWIDTH 픽셀 좌우 여백을 지정합니다. (iframe 안의 여백임.)
MARGINHEIGHT 픽셀 상하 여백을 지정합니다. (iframe 안의 여백임.)
NAME 이름 iframe의 이름을 지정합니다. name을
이용하면 iframe을 포함하고 있는 문서에서 하이퍼링크를
클릭하면 iframe에 내용이 나타나도록 target을
지정할 수 있습니다.
HSPACE 숫자 좌우 여백을 지정합니다. (iframe 밖의 여백임.)
VSPACE 숫자 상하 여백을 지정합니다. (iframe 밖의 여백임.)

2. 세로 scroll 안보이게하기 (가로스크롤도 가능하겠죠?^-^)
iframe이 들어갈 페이지 <head></head>사이에
<style>
body{
        background-color: transparent;
        overflow-y: hidden;
        overflow-x: scroll;
        }
</style>

3. 배경투명한 IFRAME만들기
<iframe src="”불러올 html파일명” allowtransparency=”true” style=”position:absolute; top: 10; left: 10; z-index: 3″>

*위 IFRAME에서 불러올 html웹문서의 BODY태그에  <body style=”background-color: transparent”> 삽입!

* position: absolute 브라우저 상의 절대적인 위치 지정시 (정확한위치)
   position: positive  브라우저 상의 상대적인 위치 지정시

4. 불러올 외부문서없는 IFRAME
<iframe name=”불러올 html파일명” frameborder=”1″ width=”넓이” height=”높이” src="”about:<body bgcolor=silver> 여기에 작성하세요</body>”></iframe>

5. 페이지 내용에따라 크기 자동늘어나는 IFRAME
<script>
function doResize()
{
container.height = myframe.document.body.scrollHeight+10;
container.width = myframe.document.body.scrollWidth;
}
</script>

<table width=”100″ border=”0″ cellspacing=”0″ cellpadding=”0″>
  <tr>
     <td id=”container”>
       <iframe name=”myframe” src="”bbs/zboard.php?id=flasource” width=100% height=100% frameborder=0 scrolling=no onload=”doResize()”></iframe>
    </tr>
</table>

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 1 비추천 0

자바스크립트

31개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
자바스크립트 목록
번호 제목 아이디 날짜 조회수 추천
31 symbol: method printIn(String), location: variab… 최고관리자 전체게시물 12-06 3394 추천: 4
30 Java JDK 1.8 설치 방법 및 환경변수 설정 관련링크 최고관리자 전체게시물 12-06 4170 추천: 3
29 레이어팝업에 jwplayer 자바스크립트로 동영상 재생시 닫기 버튼 눌르면, 레이어는 닫혀… 댓글1 인기글첨부파일 말자아이콘 전체게시물 10-27 8782 추천: 4
28 닫기버튼이 있는 레이어팝업 인기글첨부파일 말자아이콘 전체게시물 10-26 6438 추천: 3
27 롤오버 메뉴 스크립소스 말자 전체게시물 05-02 3863 추천: 4
26 레이어로 만든 팝업입니다. 쿠키, 이동. 띄우는 시간 조절 가능 말자 전체게시물 05-02 4386 추천: 4
25 타이틀 링크 클릭하면, 목록이 부드럽게 펼쳐지는 메뉴 말자 전체게시물 05-02 4987 추천: 3
24 즐겨찾기 소스 말자 전체게시물 05-02 3952 추천: 3
23 링크 일괄 적용 시키기 말자 전체게시물 05-02 3621 추천: 4
22 페이지 접속시 다른페이지로 강제로 이동시키기 무료아이콘 전체게시물 05-02 3441 추천: 3
21 글자를 클릭하면, 내용 자동 복사되게 하기 ctrl+c기능 말자 전체게시물 05-02 3391 추천: 4
20 글자 깜빡이게 하기 말자 전체게시물 05-02 3839 추천: 3
19 한 문장씩 노출되게 하기 말자 전체게시물 05-02 3387 추천: 3
18 alert 팝업창 띄우기 말자 전체게시물 05-02 3981 추천: 2
17 스크롤링 배너 첨부파일 말자 전체게시물 05-02 3547 추천: 2
게시물 검색