코딩/JavaScript

[스크립트] 텍스트 말줄임 처리

살구_ 2017. 8. 1. 17:54

작업예시)

사용자가 로그인 하였을 경우 '로그인' 텍스트가 사용자명으로 변경되는데,

사용자명의 4자 까지 노출되고 4자 이상일 경우 '...'으로 대체 되도록 작업


사용자 비로그인시


이름이세자일경우


이름이 네자일경우


이름이 다섯자일경우 '...' 표시 


<a class="btn_myinfo">김아무개씨</a>


.btn_myinfo{
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	max-width:58px;
	padding:3px 4px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:center;
	font-size:12px;
	color:#2196f3;
	border:1px solid #2196f3;
	border-radius:1px;
	background:rgba(225,225,225,0.1);
}


$(document).function() {
	var b_open = $('.btn_myinfo').text();
	var b_preNm = b_open.substring(0, 4);
	if (b_open.length >= 5) {
		$('.btn_myinfo').text(b_preNm + '...');
	};
};