일상 기록 창고

앞으로 가기, 뒤로 가기 본문

프로그래밍/자바스크립트

앞으로 가기, 뒤로 가기

Crazy_Kong 2009. 5. 20. 14:46

jQuery를 이용해서 게시판 리스트 구성을 하고 앞으로 가기 뒤로 가기 버튼을 인식하기 위해

 

고민을 하다 발견한 것이 RSH 프레임워크(http://network.hanb.co.kr/view.php?bi_id=1162)

 

아.. 소스 받아 보니 너무 길고 내용을 대략 보니 location.hash 를 이용하는 방법..

 

뭐 대략 만들기는 했지만.. 익스에선 정상작동 , 파폭이나 크롬등 다른데서는 안된다.. 고쳐야 하는데 귀찮아서 시간 날때로 미룸.

 

1. 아이프레임으로 페이지를 하나 숨긴다. ex) blank.html

 

2. 링크 클릭시나 페이지 이동시 아이프레임으로 값을 전송하여 location.hash 에 기록 남기기.

 

3. blank.html 페이지에서 location.hash 값 추출하여 부모값 페이지 내용 바꾸기.

 

 

 $('#blank').attr('src','blank1.html?1|2|3);                  // iframe 의 주소값을 변경시켜 location.hash 기록을 남긴다.

 

blank.html

var loc = window.location.toString().split('?');

 

var temp = '';

 if(loc[1])
 {
      temp = loc[1].split('|');

      // 부모창의 주소를 바꿔주자.
     window.parent.location.hash = '#' + loc[1];

     window.parent.load_data(temp[0], temp[1], temp[2]);    // 이 부분은 부모창의 리스트를 변경하기 위한 코드
 }

 

뭐 대략 이런식으로 대강 대강 처리 했음...