퍼블리싱한것을 체크리스트로 만들어 보여주기

안녕하세요 이번에는 이렇게 퍼블리싱을 하여 체크가 되었을 시에만 해당 퍼블리싱한 값을 보여지게 하고싶은데요 가능할까요.?

기능은 체크리스트 기능을 사용하려고 합니다.

조달우수제품 보이기: (체크)

시에 document.php에서 보이게 하려고 합니다.

항상 감사드립니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    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 태그의 클래스명은 적절히 수정해보세요.

    고맙습니다.

  • 안녕하세요~!

    		<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로 바꿔줬을뿐인데 값 출력이 안되는데요 제가 어떤것을 놓치고있을까요..?

  • 반드시 자바스크립트로 체크해야 하는지요?

    아래처럼 태그에 직접 style 속성이 출력되게 할 수 있습니다.

    <div class="display-area" <?php if($content->option->test == 'testa'):?> style="display:block" <?php else:?> style="display:none" <?php endif?>>체크박스에 값이 있다면 출력</div>

    고맙습니다.

  • 감사합니다 깔끔하게 해결되었습니다!

    일전에 제이쿼리 사용할때는 왜 안되었는지 알 수 있을까요?

  • 글쎄요.

    코드까지 직접 돌려보진 못해서요~ ㅎㅎ;;

    혹시 브라우저 개발자 도구(F12키)의 Console창에 에러 메시지는 없는지 확인해보세요.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기