Contents

Frameset 페이지 적용

frameset 페이지 구성

frameset 페이지의 예

frameset 안에 총 4개의 페이지로 구성된 페이지가 있다고 가정합니다.

위와 같은 구조의 사이트에서 일반적인 형태로 넷퍼넬을 적용하게 되면 특정 frame 내에서만 대기창이 출력되기 때문에 대기창을 보여줄 영역이 너무 작거나, 대기창 출력 중에 다른 frame을 클릭할 수 있는 문제점이 발생합니다.

이러한 상황에서 유용하게 사용할 수 있는 몇가지 옵션을 다음에서 확인하세요.

index.html 내용

<html>
	<head></head>
	
	<frameset rows="100,*">
	<frame name="header" src="header.html">
	<frameset cols="200,*">
		<frame name="menu" src="menu.html">
		<frame name="content" src="content.html">
	</frameset>
	<frame name="footer" src="footer.html">
</frameset>

</html>			

넷퍼넬 적용 예

특정 frame에서 대기창 출력하기

menu frame에 있는 버튼을 눌렀을 때 content frame에서 대기창이 출력되도록 구성

  • index.html

    netfunnel.jsindex.html에만 포함하세요.

    <html>
    	<head>
    		<script type="text/javascript" src="netfunnel.js" charset="UTF-8"></script>
    	</head>	
    	
    	<frameset rows="100,*">
    		<frame name="header" src="header.html">
    		<frameset cols="200,*">
    			<frame name="menu" src="menu.html">
    			<frame name="content" src="content.html">
    		</frameset>
    		<frame name="footer" src="footer.html">
    	</frameset>
    </html>			
    
  • menu.html

    버튼을 클릭했을 때 발생하는 이벤트에 넷퍼넬을 적용시키면 top(index.html)에 있는 넷퍼넬을 호출해서 처리합니다. popup_target 옵션을 이용해서 대기창 출력 위치를 content frame으로 설정하세요.

    ...
    
    
    ...
    
    ...			
    
  • netfunnel.js

    위 설정을 디폴트 값으로 설정하려면 netfunnel.js의 값을 수정하면 항상 위와 같은 옵션으로 처리됩니다.

    ...
    NetFunnel.TS_POPUP_TARGET = top.content; // Popup target window
    ...	
    

특정 frame에서 대기창 출력하고 나머지 frame은 Disable하기

menu frame에 있는 버튼을 눌렀을 때 content frame에서 대기창이 출력되도록 구성하고 나머지 frame은 대기창이 떠 있는 동안 Disable해서 추가적인 입력이 발생하지 않도록 처리

  • index.html

    netfunnel.jsindex.html에만 포함하세요.

    <html>
    	<head>
    		<script type="text/javascript" src="netfunnel.js" charset="UTF-8"></script>
    	</head>
    	
    	<frameset rows="100,*">
    		<frame name="header" src="header.html">
    		<frameset cols="200,*">
    			<frame name="menu" src="menu.html">
    			<frame name="content" src="content.html">
    		</frameset>
    		<frame name="footer" src="footer.html">	
    	</frameset>	
    		
    </html>	
    
  • menu.html

    버튼을 클릭했을 때 발생하는 이벤트에 넷퍼넬을 적용시키게 되며 top(index.html)에 있는 넷퍼넬을 호출해서 처리합니다.

    popup_target 옵션을 이용해서 대기창 출력 위치를 content frame으로 설정하세요.

    use_frame_block 옵션을 이용해서 대기창이 출력된 frame 이외에 다른 frame을 Disable 시킬지 결정하세요.

    
    
    ...
    
    ...				
    

    전체 frame이 아닌 특정 frame만 disable 시키려면 frame_block_list 옵션을 설정해서 사용하세요.
    frame_block_list는 [{win:top.header},{win:top.menu}] 형태의 Object Array로 입력하세요.

    ...
    
    
    ...
    
    ...
    
  • netfunnel.js

    위 설정을 디폴트 값으로 하려면 netfunnel.js의 값을 수정하세요. 항상 위와 같은 옵션으로 처리됩니다.

    ...
    NetFunnel.TS_POPUP_TARGET = top.content; // Popup target window
    NetFunnel.TS_USE_FRAME_BLOCK = true; // Block FrameSet Page
    NetFunnel.TS_FRAME_BLOCK_LIST = [{win:top.header},{win:top.menu}]; // Frame Block Window List	
    ...