분류:: 컴퓨터/인터넷 << 인터넷/홈피

[Javascript] 팝업창 위로 올라 오게 하기

 

페이지 로드시 팝업창

 
방법1

   오픈된 팝업창에서 코딩..

<script type="text/javascript">
    self.window.focus();

</script>

 

방법2
   
    부모창이 있을때만 항상 위에 있는 효과를 나타내려면 팝업 윈도우에 아래의 코드를 넣어 줍니다 

<body onLoad="self.focus();window.onblur=function(){ if(!opener.closed) window.focus()}">

 

    부모창과 관계없이 항상 위에 있는 효과를 나타내려면, 

<body onLoad="self.focus();window.onblur=function(){window.focus()}">

 
  간단한 방법은 body 태그 속성에 아래코드만 삽입한다.

<body  onblur="window.focus()">

 




마우스 클릭시 팝업창 위로 오게 하기 (하나의 팝업창 사용)

 
방법1

<script type="text/javascript">

 

 function Popup(theURL,winName,features){

  var pop = window.open(theURL,winName,features);

  pop.focus();    //강제로 포터스 주기

}


</scrip>


본분내 링크(에제)

<a href="#" onClick="Popupi('test1.html','popname','width=800,height=555')">첫번째팝업</a>

<a href="#" onClick="Popupi('test2.html','popname','width=800,height=555')">두번째팝업</a>


 


방법2

<script type="text/javascript">

 var pop  = null ;

function Popup(theURL){

pop = window.open('','popname','toolbar=no,status=no,menubar=no,width=750,height=500');

pop.focus();
return;

}

</scrip>


본분내 링크(예제)

<a href="test1.html" target="popname" onClick="Popupi()">첫번째메뉴</a>

<a href="test2.html" target="popname" onClick="Popupi()">두번째메뉴</a>


 



댓 글


Name Password
내 용
싸인펜의 사진창고    인터넷 자료창고   설계자료 모음