웹마스터 팁

원본 글 : http://mygony.com/tt/index.php?pl=167
다운로드 : http://mygony.com/tt/down.php?attachname=231200.zip

첫번째 링크는 사용예제를 포함해서 소스를 다운받을 수 있는 링크이고, 두번째 링크는 소스를 다운받을 수 있는 링크입니다(매뉴얼 포함).

== 함수설명 ==
void gonyFileButton(object Image, string HTML_Object_Name[, string Text_Handler_Control_Id])
# Image : 파일버튼이 되는 이미지 객체입니다. 아주 특수한 경우를 제외하고는 꼭 this로 입력합니다.
# HTML_Object_Name : 파일입력 컨트롤의 name 속성값을 정합니다. <input type="file" name="***"> 에서 ***에 해당하는 부분입니다.
# Text_Handler_Control_Id : 선택된 파일의 값을 표시할 컨트롤의 id를 지정합니다.


== 사용법 (Usage) ==
우선, 파일버튼 대신으로 쓸 이미지를 만듭니다. 엽기적인 사이즈(e.g. 320x240)로 만들 경우, 파일버튼이 제 기능을 못할 수도 있습니다.

이미지를 만들었으면 버튼이 눌렸을때의 이미지를 press 라는 속성으로 지정해줍니다(생략가능). 만일 원래의 이미지 경로와 같은 경로에 있으면 파일이름을 적어주는 것만으로도 충분합니다.
<img src="/files/upload_bttn.gif" press="upload_bttn2.gif" align="absmiddle" /><br />
<!-- press이미지의 실제경로는 /files/upload_bttn2.gif -->

그 다음에 onload 이벤트를 작성하고 다음과 같은 식으로 함수를 지정해줍니다. 예제에서는 file1이라는 이름을 가진 text field 혹은 다른 객체가 필요합니다.
<img src="/files/upload_bttn.gif" press="upload_bttn2.gif" onload="gonyFileButton(this,'upfile1','file1')" />

이걸로 끝입니다.