묻고답하기
게시판 확장변수 단일선택 실시간 적용방법좀..
2013.09.10 00:06
어느위치에 확장변수 단일선택한 값에 대해 실시간으로 출력하고 싶은데요
가령
오이, 토마토, 딸기, 키위 등으로 단일선택하게 하고
글작성시에 단일선택하면 해당 값에 대한 이미지가 바로 나타날수 있게 하고 싶습니다.
글 작성후에 나타나는건 할수있는데 글쓸때 해당 값에 대한 이미지를 알고 싶어서요..
방법좀 아시면 알려주세요..
댓글 1
-
Summer
2013.09.10 10:33
-
카이네드
2013.09.10 11:53
@Summer 이미지파일을 첨부를 {$module_info->image01} 식으로 된걸 사용할려면 어떻게 하나요? -
Summer
2013.09.10 14:19
$module_info 는 각 게시판의 스킨 설정을 가져오는 함수라서 skin.xml에 image타입의 항목을 추가하시고 -
Summer
2013.09.10 14:20
위의 jQuery 코드에서 img src="img/cucumber.png" 이부분을 -
Summer
2013.09.10 14:20
<img src="{$module_info->image01}" /> 이렇게 바꿔주시면 됩니다
여러가지 방법이 있겠지만 html코드가 다 불러와진 이후 jQuery로 각각의 확장변수 항목에 이미지를 넣는 방법을 적어드리겠습니당
기본 게시판을 기준으로 확장변수 입력폼의 엘리먼트 클래스가 .exForm 이므로
<script>
jQuery(function($){
var exForm = $('.exForm');
exForm.find("input[name='extra_vars1']").each(
function(){
if($(this).attr('value')=='오이') {
$('<img src="img/cucumber.png" />').insertAfter($(this));
} else if($(this).attr('value')=='토마토') {
$('<img src='img/tomato.png" />').insertAfter($(this));
}
}
);
});
</script>
이런식으로 코드 작성하셔서 write_form.html 맨 아래에 붙여 주시면 될것 같습니다
이렇게 하면 오이, 토마토 글자 앞에 각각 해당이미지가 삽입됩니다
위 코드에서 img 파일의 경로는 xe/modules/board/skins/스킨이름/img/이미지이름.png 이므로
img 폴더는 스킨폴더안에 새로 생성하시면 됩니다
아직 테스트는 못해봤는데 안되시면 알려주세요