파일폼의 '찾아보기' 버튼 다른걸로
페이지 정보
작성자 서방님 댓글 0건 조회 206회 작성일 06-09-12 13:01본문
/*
사용법 :
1) 본 자바스크립트 파일을 문서에 포함시킨다
예)
<script language="javascript" src="filebutton.js"></script>
2) body 태그의 onload 속성에 다음과 같은 내용을 넣어준다
예)
<body onload="initFileButton();">
3) 원래 다음과 같은 형식이었을때...
<form>
<input type="file" name="yehbaby">
</form>
를...
<form>
<div filename="yehbaby"></div>
<font filebutton="yehbaby">찾아봅세</font>
</form>
이렇게 바꾼다. (div 태그는 반드시 form 태그 안에 있어야 한다)
4) 만약 글자가 아닌 그림으로 하고 싶으면 다음처럼 한다...
<form>
<div filename="yehbaby"></div>
<img filebutton="yehbaby" src=".....">
</form>
5) 파일의 경로를 텍스트박스를 통해 보여주고 싶을때에는 display 속성을 사용하여 다음처럼 한다.
<form>
<div filename="yehbaby" displaytext="hahatext"></div>
<input type="text" name="hahatext">
<img filebutton="yehbaby" src=".....">
</form>
*/
출처 :
제작 : 최영규 (2003. 4. 21)
문의 : http://hooriza.com/
기능 : 파일폼의 '찾아보기' 버튼을 쉽게 바꿀수 있다...
제가 완전히 제작했다고 하기가 참 그렇네요-_-
Jun 님이 올리신 소스를 쓰기쉽게, 편하게 고쳐봤습니다.
첨부파일
- FileButton.rar (3.1K) 1회 다운로드 | DATE : 2008-09-08 11:41:01
댓글목록
등록된 댓글이 없습니다.
