Menu

플래시에 iframe 삽입하기

2016. 5. 18. 13:58

안개핑 플래시 팁

 

 

플래시 위에 iframe을 띄우는 것은 태그이지만
그 iframe을 조종하는 것은 자바스크립트 입니다.

파일이 세개가 있다고 가정 하겠습니다.
machine.htm
machine.swf
layer.htm

machine.htm 은  인덱스를 의미합니다.
machine.swf 는 인덱스에 들어 있는 플레시무비를 의미하겠죠.
layer.htm 은 게시판을 의미합니다.

machine.htm의 구조를 말씀드리면
그림과 같이 우선 제일 밑에 플레시가 있습니다. (플레시가 담긴 index.htm 혹은 machine.htm 이라고 봐도 되겠죠)
그 위에는 layer가 있습니다.

< div> 태그를 이용해서 만들었습니다. 그리고 </div>로 레이어를 닫기 전에 레이어 안에  iframe을 집어 넣습니다.

< iframe> 태그를 사용했습니다. 그리고 iframe의 src 속성에 layer.htm을 입력합니다.

iframe의 역할을 모르시는 분들을 위해 간단한 설명을 쓰자면
iframe은 독립된 프레임이라고 보시면 됍니다.
기존의 frame set은 가로 혹은 세로로 나누는 역할밖에 하지 못하였지만
iframe은 내가 원하는 위치에 원하는 크기의 사각형 모양으로 다른 페이지를 띄울 수 있게 합니다.

전체적인 구조를 이해하는것이 중요합니다.

그리고 layer를 보이게 했다 않보이게 했다 하는 것도 중요합니다.
이 부분에서 자바 스크립트를 사용합니다.
machine.htm에 들어간 소스는
<script> // 스크립트 시작
<!--
function on() {  // on이라는 함수 선언
document.all.board.style.visibility='visible';  // board라는 이름의 개체의 visibility(보이기) 값에 visible(보이게) 를 입력한다.
}
function off() {  // off 라는 함수 선언
document.all.board.style.visibility='hidden';  // board라는 이름의 개체의 visibility(보이기) 값에 hidden(숨기기) 를 입력한다.
}
//-->
< /script>
입니다.

그리고 플레시에서 버튼 액션에는

layer 보이기 버튼에는

on (press) { // 마우스를 클릭하면
getURL ("javascript: on()");  // 자바 스크립트에서 on 이라는 함수를 실행시킨다.
}

layer 숨기기 버튼에는

on (press) { // 마우스를 클릭하면
getURL ("javascript: off()");  // 자바 스크립트에서 off 라는 함수를 실행시킨다.
}

라는 액션을 삽입합니다.
완성입니다...

이상..

출처: http://www.tinkl.com/