'HTML'에 해당되는 글 4건

  1. 2012.04.06 JSTL fn사용법
  2. 2010.05.04 테이블 크기 고정시키기
  3. 2010.02.04 input 박스가 2개 이상일때 엔터키를 눌러 서브밋하게 하기
  4. 2010.01.14 테이블에 스크롤 만들기

JSTL fn사용법

HTML 2012. 4. 6. 09:29

fn:contains(string, substring) 
string이 substring을 포함하면 true 리턴.

fn:containsIgnoreCase(string,substring)
대소문자에 관계없이, string이 substring을 포함하면 true 리턴.

fn:endsWith(string, suffix)   
string이 suffix로 끝나면 true 리턴.

fn:escapeXml(string)   
string에 XML과 HTML에서 특별한 의미를 가진 문자들이 있으면, XML 엔티티 코드로 바꿔준 뒤 문자열 리턴.

fn:indexOf(string,substring) 
string에서 substring이 처음으로 나타나는 인덱스 리턴.

fn:join(array, separator)
 
array(배열) 요소들을 separator를 구분자로 하여 연결해서 리턴

fn:length(item)
     
item 이 배열이나 컬렉션이면 요소의 갯수를, 문자열이면 문자의 갯수를 리턴.

fn:replace(string, before, after)
 
string 내에 있는 before 문자열을 after 문자열로 모두 바꿔서 리턴.

fn:split(string, separator)
   
string 내의 문자열을 separator에 따라 나누어서 배열로 구성해 리턴.

fn:startsWith(string, prefix)
 
string이 prefix로 시작하면 true 리턴.

fn:substring(string, begin, end)
 
tring에서 begin 인덱스에서 시작해서 end 인덱스에 끝나는 부분
(end 인덱스에 있는문자 포함)의 문자열을 리턴.

fn:substringAfter(string, substring)

string에서 substring이 나타나는 이후의 부분에 있는 문자열을 리턴.

fn:substringBefore(string, substring)

string에서 substring이 나타나기 이전의 부분에 있는 문자열을 리턴.

fn:toLowerCase(string)
   
string을 모두 소문자로 바꿔 리턴.

fn:toUpperCase(string)
   
string을 모두 대문자로 바꿔 리턴.

fn:trim(string)
     
string 앞뒤의 공백(whitespace)을 모두 제거하여 리턴.

자동 줄바꿈을 통한 테이블 크기 고정. 테이블 작업을 하다가 글의 내용이 길어지면 지정된 테이블의 크기가 늘어나는 현상이 있을 수 있습니다. 이럴 때 테이블의 크기를 고정시키고 자동으로 줄바꿈을 해주는 기능입니다.

<table> 태그의 아래의 구문을 넣습니다.

style="table-layout:fixed;"

[ ------------------------------ 예문 ------------------------------ ]
<table style="table-layout:fixed;">


● 적용 시키고자 하는 셀에 아래의 구문을 넣습니다.
style="word-break:break-all;"

[ ------------------------------ 예문 ------------------------------ ]
<td style="word-break:break-all;">

 

 

그러나 문제가 없는 것은 아닙니다.

영어 글자는 띄어쓰기 하기 전에는 아무리 강력한 방법을 써도 테이블을 밀고 나갑니다.

한 예로 이메일 주소가 그렇습니다.

문서 작성 도중 테이블 td 안에 이메일이 길어 틀이 깨어지는 경우가 많았습니다.

생각해 낸 방법이 역시 무식하지만

눈에 안보이는 1px 흰 그림을 적당한 크기로 늘려서 빈 tr 안의 td 공간들을 정절히 확보하는 것입니다.

아무리 밀려해도 밀리지 않고 자리를 잘 잡아줍니다.

'HTML' 카테고리의 다른 글

JSTL fn사용법  (0) 2012.04.06
input 박스가 2개 이상일때 엔터키를 눌러 서브밋하게 하기  (0) 2010.02.04
테이블에 스크롤 만들기  (0) 2010.01.14
onKeyPress="if(event.keyCode == 13)  function();"

'HTML' 카테고리의 다른 글

JSTL fn사용법  (0) 2012.04.06
테이블 크기 고정시키기  (0) 2010.05.04
테이블에 스크롤 만들기  (0) 2010.01.14
테이블 스크롤 만들때는 div 를 사용합니다.

<div style="width:100%;height:100px; overflow:auto;">
  <table border="0"  width="99%" cellspacing="1">
      <tr>
          <td> 스크롤 예제 </td>
      </tr>
   </table>
</div>

 div에서 잡아논 크기만큼을 넘어갈 경우 스크롤바가 생성

  - 스크롤을 표시하지 않을 경우  : overflow:hidden

  - 항상 스크롤을 표시할 경우 : overflow:scroll

  - 자동으로 스크롤이 보이거나 안보이게 할 경우 : overflow:auto

  - 가로 스크롤 없애는 속성 : overflow-x:hidden

  - 세로 스크롤 없애는 속성 : overflow-y:hidden

'HTML' 카테고리의 다른 글

JSTL fn사용법  (0) 2012.04.06
테이블 크기 고정시키기  (0) 2010.05.04
input 박스가 2개 이상일때 엔터키를 눌러 서브밋하게 하기  (0) 2010.02.04
1 

글 보관함

카운터

Total : / Today : / Yesterday :
get rsstistory!