안녕하세요 이번에는 이렇게 퍼블리싱을 하여 체크가 되었을 시에만 해당 퍼블리싱한 값을 보여지게 하고싶은데요 가능할까요.?
기능은 체크리스트 기능을 사용하려고 합니다.
조달우수제품 보이기: (체크)
시에 document.php에서 보이게 하려고 합니다.
항상 감사드립니다.
글쎄요.
코드까지 직접 돌려보진 못해서요~ ㅎㅎ;;
혹시 브라우저 개발자 도구(F12키)의 Console창에 에러 메시지는 없는지 확인해보세요.
감사합니다 깔끔하게 해결되었습니다!
일전에 제이쿼리 사용할때는 왜 안되었는지 알 수 있을까요?
반드시 자바스크립트로 체크해야 하는지요?
아래처럼 태그에 직접 style 속성이 출력되게 할 수 있습니다.
<div class="display-area" <?php if($content->option->test == 'testa'):?> style="display:block" <?php else:?> style="display:none" <?php endif?>>체크박스에 값이 있다면 출력</div>
고맙습니다.
안녕하세요~!
<div class="attr-value">
<label class="attr-name" for="checkbox">퍼블리싱 선택</label>
<input type="hidden" name="kboard_option_testa" value="">
<input type="checkbox" id="kboard_option_testa" name="kboard_option_testa" value="testa"<?php if($content->option->testa):?> checked<?php endif?>>
</div>
editor.php입니다.
<div class="testa"><?php if($content->option->test == 'testa'): echo $content->option->testa; endif?></div>
<div class="display-area">체크박스에 값이 있다면 출력</div>
<script>
jQuery(document).ready(function(){
if(jQuery('.testa').text() == 'testa'){
jQuery('.display-area').css('display', 'block');
}
else{
jQuery('.display-area').css('display', 'none');
}
});
</script>
document.php입니다.
위에 알려주신 test라는 애를 testa로 바꿔줬을뿐인데 값 출력이 안되는데요 제가 어떤것을 놓치고있을까요..?
안녕하세요~^^
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일에
아래의 코드를 추가해보시겠어요?
<div class="attr-value">
<input type="hidden" name="kboard_option_test" value="">
<input type="checkbox" id="kboard_option_test" name="kboard_option_test" value="test"<?php if($content->option->test):?> checked<?php endif?>>
</div>
위 코드에서 id, name, value에 있는 test 부분을 적절히 수정 후 적용해보세요.
/wp-content/plugins/kboard/skin/사용중인스킨/document.php 파일에
아래의 코드를 적절한 위치에 추가해보세요.
<div class="test"><?php if($content->option->test == 'test'): echo $content->option->test; endif?></div>
<div class="display-area">체크박스에 값이 있다면 출력</div>
위 코드에서 체크박스에 값이 있다면 출력 부분에 퍼블리싱한 코드를 추가하시면 됩니다.
아래의 코드도 추가해보세요.
<script>
jQuery(document).ready(function(){
if(jQuery('.test').text() == 'test'){
jQuery('.display-area').css('display', 'block');
}
else{
jQuery('.display-area').css('display', 'none');
}
});
</script>
div 태그의 클래스명은 적절히 수정해보세요.
고맙습니다.