버튼을 클릭하면 바로밑에 div의 임포트한곳이 바뀌게할수있나요?

 

 

 

위이미지에서 파우치, 박스, 쇼핑백, 공진단상자 버튼중 하나를 클릭시 바로밑의 div에

5545.php 페이지를 임포트해왔는데요 박스를 누르면 5546.php페이지가 임포트되도록 바꿀수있나요?

 

· 관련키워드

버튼,임포트,동적입력폼,쓰기페이지,스크립트,[RE],헤더,toggle,javascript,분류선택상자,시작태그앞

공유하기
매뉴얼요청
분류
콘텐츠/항목
>버튼/링크
등록자

최지우

등록일
2014-06-23
버전

[RE] 버튼을 클릭하면 바로밑에 div의 임포트한곳이 바뀌게할수있나요?

분류선택상자의 값에 따라 DIV 노출설정을 지정할 수 있는 동적입력폼 기능을 응용해보시기 바랍니다.^^

(버튼이 아니라 분류선택상자이며, 임포트가 자동으로 변경되는 것이 아니고 노출상태를 변경하는 방법입니다.)

* 13년 12월에 추가된 내용이니 그 이후에 설치한 버전에서만 적용 가능합니다.
 

1. 분류선택상자에 id="아이디" 마크업을 하고 

2. 노출되거나 노출되지 말아야 할 DIV에

 class="-sel-tog" -sel-tog="only:category_1:선택값1,선택값2..." 또는

 class="-sel-tog" -sel-tog="except:category_1:선택값1,선택값2..." 내용을 적어줍니다.

 -only 는 'category_1의 선택값이 우측에 지정된 선택값 일때' 노출 하라는 의미

 -except 는 'category_1의 선택값이 우측에 지정된 선택값이 아닐때' 일때 노출 하라는 의미

 

위 내용을 적으실 때에는 해당 DIV의 시작태그앞에 적어주시면 됩니다.

캡쳐화면 참고해주세요~

 

 

 

3. 입력폼 페이지의 헤더&메타&JS 의 콘텐츠시작에 아래의 스크립트를 호출해줍니다.

<script type="text/javascript">

$(function() {

 $('body').on('change', "#선택상자ID", function(event) {

  $(this).change_toggle_input('N');

 });

 $("#선택상자ID").change_toggle_input('Y');

});

</script>

 

 

4. 해당 쓰기페이지가 사용중인 레이아웃 -> 헤더&메타&JS

<script type="text/javascript" src="/include/jquery/jquery-abuilder-extend.js"></script>

내용을 추가해줍니다.

관련키워드

동적입력폼

등록자
비오에스
등록일
2014-06-24 10:47
조회
2,139

댓글 1

최지우
감사합니다~ 잘되네요!
2014-06-24 14:01
사용자포럼(Q&A)
번호제목등록자등록일
19554

임수연

02-10
19130

엄덕용

01-22
18948

엄덕용

01-16
18031

국지혜

12-03
17395

류숙현

11-01
16630

송옥

09-19
16317

이민영

09-03
16223

임형진

08-29
15959

강지환

08-18
15677

정민영

07-30
15664

정민영

07-29
15643

임경진

07-28
15158

임형진

07-09
15144

임경진

07-09
14758

최지우

06-23