[HTML] a href=# 활용하기

HTML Tag 중 Anchor Tag를 이용해서 페이지 이동을 할 때

요즘은 HTML과 CSS, Javascript를 분리해서 구현하는 방법을 선호한다.

그래서 대부분 이런 방식으로 구현을 한다.

 클릭   

이런 방식으로 구현을 하면 href="#" 에 의해서 페이지가 최상단으로 스크롤업 된다.

이러한 스크롤업을 피하기 위한 방법으로 다음 방식이 있다.

 클릭   

이렇게 구현하면 페이지가 최상단으로 스크롤업 되는것을 피할 수 있다.

여기서 event 객체의 preventDefault() 메소드는 다음과 같이 jQuery API에 정의되어 있다.

< 출처 : http://u4rang.tistory.com/12 [김군님 블로그] >

[HTML] 레이어 팝업창 띄우기

자바 스크립트부분입니다.

function LeyerPopupView(sDivName, nTop, nLeft, nHeight, nWidth) 
{
    /*
    레이어 팝업을 띄웁니다.
    팝업의 크기는 내용물의 크기에 영향을 받습니다.
    그렇기 때문에 내용물에 따라 정확하지 않은 크기가 적용될수 있습니다.
         
    매개변수 
    sDivName : 레이어 팝업으로 쓸 div id
    nTop : 팝업의 세로 위치
    nLeft : 팝업의 가로 위치
    nHeight : 팝업의 세로 크기
    nWidth : 팝업의 가로 크기
    */
 
    //사용할 레이어을 불러온다.
    var oPopup = document.getElementById(sDivName);
    //어을 표시하고
    oPopup.style.display = "block";
 
    //위치 및 크기 설정
    oPopup.style.top = nTop + "px";
    oPopup.style.left = nLeft + "px";
    oPopup.style.height = nHeight + "px";
    oPopup.style.width = nWidth + "px";
}
 
function LeyerPopupClose(sDivName) 
{
    /*
    어 팝업을 닫습니다.
         
    매개변수 
    sDivName : 레이어 팝업으로 쓸 div id
    */
    var oPopup = document.getElementById(sDivName);
    oPopup.style.display = "none";
}

바디부분입니다.

 
  
  

  1번 레이어
  

   
layerPopup에서 display:none; 제거하면 팝업이 처음부터 나옵니다.
   
- 당근 로리야스
  
  close
 
 
  
 
 

  
  close
 

http://blog.danggun.net/714 [당근로리야스님 블로그]