본문 바로가기

text4

[자바스크립트] 문자 자르기 및 특정 문자로 분리하기 자바스크립트에서 문자를 자르거나 분리하기 위한 방법 입니다. 1. 문자를 특정 위치로 부터 지정한 길이 만큼 자리기 함수 : substr() var a = "123456789"; var b = a.substr(0,3); alert(b); //결과 : 123 var c = a.substr(5,2); alert(c); //결과 : 67 php의 경우 substr(변수,자를위치,자를갯수)이미지만 자바스크립트에서는 변수.substr(자를위치,자를갯수) 방식으로 사용합니다. 자를위치는 문자열 처음이 1이 아닌 0으로 되어 있습니다. 즉, 0,1,2.. 이렇게 시작하니 착오 없으시길 바랍니다. 2. 문자열에서 특정 문자 기준으로 자르기 함수 : split() 적용예 : var a = "010-1111-2222"; .. 2010. 7. 29.
text-overflow 이용한 텍스트 길이 제한하기 게시판 리스트의 경우 제목이 길어지는 경우 특정 길이 이상은 자르고 "..." 붙이는거 많이 보셨을겁니다. 보통 php의 경우 substr() 함수를 이용하거나 left() 함수등 언어에 따라 다양하게 활용하는데 style로 간단하게 적용할 수 있습니다. text-overflow 옵션을 활용하는 것입니다. ellipsis 내용 ellipsis-word 내용 clip 내용 inherit 내용 링크에적용1 내용 링크에적용2 내용 테이블에 적용 내용 ------------------------------------------------------------------------------------ #example1 {text-overflow-mode: clip; width: 200px; overflow:hi.. 2009. 10. 31.
[style] 세이박스 메인 탑메뉴 처럼 메뉴 텍스트(text)에 그림자 효과 주기 텍스트 메뉴에 그림자 스타일 효과 주기 filter:shadow() 를 이용하면 됩니다. 예) 흰색 메뉴 글자에 검정색 그림자 1px 효과 입니다. 메뉴1 위 예제의 shadow 옵션 설명 color : 그림자 색상 direction : 그림자 각도 strength : 그림자 길이 세이박스 메인 탑메뉴에 그림자 효과를 주기위해 옵션을 여기 저기 찾아 보니 원하는 효과가 없었습니다. 1픽셀만큰 그림자 효과를 주고 싶었는데 알고보니 세이박스 게시글에 strength 옵션에 대해 제가 과거에 올려 놨었더군요. http://www.saybox.co.kr/bbs/board.php?bo_table=board06&wr_id=21 먼곳에서 찾는다고 고생했다는 ㅋㅋ ^^; [출처] 세이박스 - http://www.say.. 2009. 10. 21.
CSS 스타일시트 기본 속성 ㅇ 텍스트(text) 관련 옵션 font-size:9pt; //폰트크기 font-weight:bold; //폰트 볼드 text-align:center; //폰트 정렬 (left, center, right) color:#FFFF00; //폰트컬러 word-spacing:5pt; //단어간 간격 조절 letter-spacing:7pt; //자간 조절 line-height:200%; //줄간격 조절 (%,px,pt 등등 사용가능) 2008. 10. 8.