function.php 파일에 이렇게 필터를 추가했습니다
add_filter('kboard_get_template_field_html', 'kboard_get_template_field_html_20210219', 10, 4);
function kboard_get_template_field_html_20210219($field_html, $field, $content, $board){
if($field['field_type'] == 'phone'){
ob_start();
?>
<div class="kboard-attr-row">
<label class="attr-name" for="kboard_option_phone">연락처</label>
<div class="attr-value">
<input type="text" id="kboard_option_phone" name="kboard_option_phone" class="required" onKeyup="inputMoveNumber(this);"value="<?php echo $content->option->phone?>" minlength="2" maxlength="3"style="width: 100px;">-
<input type="text" id="kboard_option_phone2" name="kboard_option_phone2"onKeyup="inputMoveNumber(this);" value="<?php echo $content->option->phone2?>" minlength="2" maxlength="4"style="width: 100px;">-
<input type="text" id="kboard_option_phone3" name="kboard_option_phone3"onKeyup="inputMoveNumber(this);" value="<?php echo $content->option->phone3?>" minlength="2" maxlength="4"style="width: 100px;">
</div>
</div>
<script type="text/javascript">
function inputMoveNumber(num) {
if(isFinite(num.value) == false) {
alert("연락처는 숫자만 입력할 수 있습니다.");
num.value = "";
return false;
}
max = num.getAttribute("maxlength"); // 3글자 쓰면 자동으로 다음 칸 넘어가기
if(num.value.length >= max) {
num.nextElementSibling.focus();
}
}
</script>
<?php
$field_html = ob_get_clean();
}
return $field_html;
}
add_filter('kboard_document_add_option_value_field_html', 'kboard_document_add_option_value_field_html_20210219', 10, 4);
function kboard_document_add_option_value_field_html_20210219($value_html, $field, $content, $board){
if($field['field_type'] == 'phone'){
$value_html = sprintf('<div class="kboard-document-add-option-value meta-key-%s"><span class="option-name">%s</span> : %s</div><hr>', $field['field_type'], $field['field_name'], "{$content->option->phone}-{$content->option->phone2}-{$content->option->phone3}");
}
return $value_html;
}
그리고 latest.php 파일에
<style>
.notice{font-weight: bold; font-size: 18px; width:100%; height:255px; overflow:hidden; background-color:#fff;}
.rolling{position:relative; width:100%; height:auto;}
.rolling li{width:100%; height:50px; line-height:50px;}
</style>
<div class="notice">
<ul class="rolling" style="list-style:none; ">
<?php while($content = $list->hasNext()):?>
<li><a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toStringWithPath($board_url)?>">
<span class="kboard-latest-info kboard-title"><?php echo $content->title?></span>
<span class="kboard-latest-info kboard-latest-phone"><?php echo $content->option->{'phone'}?>-
<?php echo $content->option->{'phone2'}?>-
<?php echo $content->option->{'phone3'}?>
</span>
<span class="kboard-latest-info kboard-latest-date"><?php echo $content->getDate()?></span></a></li>
<?php endwhile;?>
</ul>
</div>
<script>
jQuery(document).ready(function(){
var rolling = function(){
setTimeout(function(){
jQuery('.rolling li:first').animate({marginTop:'-50px'}, 500, function(){
jQuery(this).detach().appendTo('.rolling').css({'margin':'0'});
});
rolling();
}, 4000);
};
rolling();
});
</script>
이렇게 입력하여 롤링이 되게끔 해봤는데요 title은 이름입력이고 phone는 연락처 입력칸입니다
숏코드를 이용해서 홈페이지 전면에 보여질때 이름은 성을 제외하면 *로 표시되게끔 하고싶고
전화번호도 010-0000-0000처럼 나올때 두번째칸 두번째 번호(010-0이후번호)부터 *로 표시되게 하고싶은데 이럴때는 어떻게 해야 구현이 될까요?
안녕하세요~^^
마스킹 처리 관련해서는 저희 커뮤니티에 검색해보시면
참고해보실 만한 자료가 많습니다.
원하시는 결과가 있는지 확인해보시겠어요?
https://www.cosmosfarm.com/search?q=%EB%A7%88%EC%8A%A4%ED%82%B9
고맙습니다.