테두리가 둥근 박스 자동 생성기 입니다.
웹눈 님의 블로그에서 찾았습니다.
아래와 같이 사용하면 된답니다. roundTable 함수의 스크립트는 웹눈 님의 사이트를 방문해 보세요.
<table id="ta" width="300" height="100" border="0" radius="3" rborder="#999999" rbgcolor="#F8F8F8">
<tr>
<td valign="top">테스트입니다</td>
</tr>
</table>
<script>roundTable("ta");</script>
table 태그의 width 와 height 는 레이아웃 전체 크기이고,
radius 값에 따라 둥그런 모양이 달라집니다. 3 이 가장 무난 할 듯. 값이 커지면 둥근 호가 더 커집니다.
rborder 는 둥근 박스의 border 생상. table 에서는 border 를 0 으로 합니다.
rbgcolor 는 둥근 박스 안의 색상.
roundTable 함수는 파라미터를 ID 로 갖는 table 에 대해서 작업을 합니다.
파라미터 ID 의 innerHTML 을 둥근 테두리 안에 다시 넣습니다.
스크립트는 외부 파일로 만들어서 가져다 사용하면 하나의 화면에서 둥근 박스를 여러개 사용할 수 있습니다.
'컴퓨터 이야기 > 프로그래밍' 카테고리의 다른 글
value 와 text, 그리고 innerHTML (4) | 2009.10.01 |
---|---|
입력항목에 한글 켜고 끄기, IME-MODE (1) | 2009.10.01 |
자바스크립트에서 파일을 Access 하는 기능 (1) | 2009.09.26 |
이클립스, Local History 저장이 무한히 일어나는 것은 아니다. (5) | 2009.09.25 |
Eclipse Galileo 유용한 기능, Show heap status (0) | 2009.09.13 |