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

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

페이지 정보

작성자 MintState 댓글 0건 조회 12,571회 작성일 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, 62 views)

댓글목록

등록된 댓글이 없습니다.

Total 178건 6 페이지
Javascript 목록
번호 제목 글쓴이 조회 날짜
78 MintState 16146 11-17
77 MintState 11338 11-17
76 MintState 12139 11-17
75 MintState 11351 11-17
74 MintState 11114 11-17
73 MintState 12333 11-17
72 MintState 10763 11-17
71 MintState 14976 11-17
70 MintState 22323 11-17
열람중 MintState 12572 11-17
68 MintState 12314 11-17
67 MintState 11156 11-17
66 MintState 12704 11-17
65 MintState 10960 11-17
64 MintState 13274 11-17
63 MintState 10466 11-17
62 MintState 10036 11-17
61 MintState 14930 11-17
60 MintState 10400 11-17
59 MintState 9759 11-17
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2024, YesYo.com MintState. ™