YesYo.com MintState Forums
뒤로    YesYo.com MintState BBS > Tech > Javascript
검색
멤버이름    오토
비밀번호 
 

넓이에 맞게 자동으로 글자 자르기

페이지 정보

작성자 MintState 댓글 0건 조회 10,078회 작성일 08-11-17 13:06

본문

넓이에 맞게 자동으로 글자 자르기

넓이에 맞게 글자를 잘르고 뒤에 "..."으로 표시됩니다.
긴 글일 경우 테이블이 깨지는 경우 사용하면 좋습니다.

예를 들어 넓이 200px인 DIV에
" [YesYo] 예스요닷컴 예스요닷컴예스요닷컴 " 라고 출력하면
" [YesYo] 예스요닷컴 예... "  같이 나타 납니다.

첨부파일을 확인 하십시오.

<STYLE type=text/css media=all>
.textcut {
	VERTICAL-ALIGN: top; OVERFLOW: hidden; LINE-HEIGHT: 120%; HEIGHT: 1.2em; TEXT-OVERFLOW: ellipsis; o-text-overflow: ellipsis
}
.textcut INS {
	DISPLAY: block; FLOAT: right; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT src="textcut.js" type=text/javascript charset=euc-kr></SCRIPT>
<SCRIPT type=text/javascript charset=euc-kr>
function addEvent(target, en, func)
{
	if (window.addEventListener) 
	{
		if ((target == window) && (en.toLowerCase() == "load") && !window.opera && !(!document.all && document.childNodes && !navigator.taintEnabled))
			document.addEventListener("DOMContentLoaded", func, false);
		else
	        target.addEventListener(en, func, false);
    }
    else if (target.attachEvent) 
	{
		if ((target == window) && (en.toLowerCase() == "load"))
	    	document.attachEvent("onreadystatechange", function(e) { if (document.readyState == "complete") func(); });
		else
	        target.attachEvent("on"+en, func);
    }
	else 
	{
        var __func = eval("target.on"+en);

        eval("target.on"+en) = function() 
		{
            func();
            __func();
        }
    }
};
String.prototype.trim = function()
{
	return this.replace(/(^\s*)|(\s*$)/g, "");
};
function docEllipsisLoad()
{
	var tc = new textcut(); 
	tc.setEllipsis();
}
addEvent(window, "load", docEllipsisLoad);
</SCRIPT>
<DIV style="width:200px"><DIV class=textcut>
	<SPAN style="color:red">[YesYo]</SPAN> <SPAN style="color:blue">예스요닷컴 예스요닷컴예스요닷컴</SPAN> 
</DIV></DIV>
첨부 파일
파일 종류: rar textcut.rar (1.7K, 42 views)

댓글목록

등록된 댓글이 없습니다.

Total 178건 4 페이지
Javascript 목록
번호 제목 글쓴이 조회 날짜
118 MintState 11096 11-17
117 MintState 7599 11-17
116 MintState 7936 11-17
115 MintState 10384 11-17
114 MintState 8153 11-17
113 MintState 10300 11-17
112 MintState 8389 11-17
111 MintState 9492 11-17
열람중 MintState 10079 11-17
109 MintState 19728 11-17
108 MintState 11626 11-17
107 MintState 8169 11-17
106 MintState 9540 11-17
105 MintState 8762 11-17
104 MintState 8910 11-17
103 MintState 9626 11-17
102 MintState 8771 11-17
101 MintState 13364 11-17
100 MintState 9744 11-17
99 MintState 7253 11-17
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2021, YesYo.com MintState. ™