js 팝업 window_javascript 기술의 팝업 레이어에 대한 작은 예

 
 
 
 
 
<스타일> 
#popupcontent{  
  위치: 절대; 
  가시성: 숨김;    
  오버플로: 숨김;    
  테두리: 1px 실선 #CCC;    
  배경색:#F9F9F9;    
  테두리:1px 단색 #333;    
  패딩:5px;} 
 
<스크립트> 
var baseText = null;  
function showPopup(w,h){    
    var popUp = document.getElementById("popupcontent");    
    popUp.style.top = "200px";    
    popUp.style.left = "200px";    
    popUp.style.width = w "px";    
    popUp.style.height = h "px";     
    if (baseText == null) baseText = popUp.innerHTML;   
    popUp.innerHTML = baseText "";    
    var sbar = document.getElementById("statusbar");    
    sbar.style.marginTop = (parseInt(h)-60) "px";   
    popUp.style.visibility = "표시"; 
} 
function hidePopup(){    
    var popUp = document.getElementById("popupcontent");    
    popUp.style.visibility = "숨김"; 
} 
 
 
 
 

 

클릭시