뷰페이지 좌우 확장기능

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
뷰페이지 좌우 확장기능

QA

뷰페이지 좌우 확장기능

답변 2

본문

국가법령정보센터 | 현행법령 > 법령명 (law.go.kr)

 

안녕하세요 국가법령정보센터 라는 정부 페이지의 법령을 볼때 

왼쪽엔 리스트 오른쪽엔 법령이 나오게 되는데

 

가운데 버튼을 눌리면 리스트만 나오거나 둘다 나오거나 뷰페이지만 나오거나 할 수 있습니다.

 

아래 캡쳐와 같은 기능을 가진 스킨이 이미 있을까요..?

 

혹은 기능을 구현 하려면 자바스크립트로 css만 변경해주면 될까요..?

 

2041531885_1680509999.8817.png

이 질문에 댓글 쓰기 :

답변 2

해당 페이지는 자바스크립트로 비동기 통신(ajax)를 이용하여 구현한 페이지입니다.

 

법령명을 클릭시 법령명에 해당하는 ID를 ajax로 요청하면, 해당 페이지가 구성된 html을 응답한후, 응답된 데이터를

자바스크립트로 교체해주는 방식으로 구현되었습니다.

 

저대로 기능을 구현하시려면

 

1. list 페이지에서 list의 제목을 클릭하면 자바스크립트로 ajax요청을 view페이지로 한다음

2. view 페이지에서는 본문만 (헤더와 푸터 등 제외하고) 응답

3. 응답된 본문을 list 페이지의 어느 한곳에 출력.

 

구현 흐름은 이렇게 하시면 될것 같습니다.

댓글 감사합니다! 서버가 불안정 해서 겨우 들어왔습니다 ..

현재 제 사이트에는 말씀하신대로 리스트에서 제목 클릭시 ajax로 뷰페이지를 불러와서 보여주고 있습니다.

제 질문은 스크린샷에 표시된 곳의 화살표를 눌러서 좌우로 확장하는 기능 말씀드린건데
혹시 그 부분 설명 해주신 걸까요~?

그냥 메뉴만 움직이는거면

 

https://codepen.io/4st/pen/NWLQQYO

이렇게라도...

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 8
© SIRSOFT
현재 페이지 제일 처음으로