웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
파일 업로드 버튼 이미지로 사용하기
2005.06.29 10:40
원본 글 : 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')" />
이걸로 끝입니다.
다운로드 : 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')" />
이걸로 끝입니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
뉴스티커 [4] | beMax | 2005.08.26 |
Rain# 머문시간 나타내기 [상태창] | Rain | 2005.08.14 |
자바스크립트 음악목록 랜덤 재생하기 | 만능천사 | 2005.08.14 |
미디어 플레이어? 난 곰플레이어야! [9] | 송재영 | 2005.07.24 |
SP2 팝업차단 무시하고 팝업띠우기?! [8] | 오길호 | 2005.07.23 |
파일 업로드 버튼 이미지로 사용하기 [1] | 행복한고니 | 2005.06.29 |
마우스 오른쪽버튼 금지시키기스크립트 [5] | 박시현 | 2005.06.26 |
링크 점선 처리 onfocus=blur() [5] | woosh | 2005.06.06 |
상태 표시줄 감지 (URL 가리고 내용 표시) 업그레이드 소스 [2] | ArⓒH | 2005.05.30 |
팝업창을 내용에 맞게 크기 자동조정하기 [2] | 김경수 | 2005.04.23 |
타켓으로 페이지 이동하는 스크립트 [2] | 로크 | 2005.04.16 |
풍선도움말 스크립트 [3] | 행복한고니 | 2005.04.11 |
플래쉬 갤러리 비슷한 자바스크립 갤러리 [13] | monozzang | 2005.04.04 |
플래시 칼라피커 두번째 버전 [1] | 행복한고니 | 2005.03.16 |
테이블선(지정위치)을 따라 이동하는 top [3] | sharim | 2005.03.14 |
마우스커서 움직임으로 이미지목록 스크롤 [1] | monozzang | 2005.03.13 |
브라우저를 동적으로 부드럽게 리사이즈 하는 소스 [4] | monozzang | 2005.03.06 |
가로 세로가 호환되는 메뉴 [3] | 이영준 | 2005.03.02 |
주소자동으로 이동 시키기(포워딩) [8] | 네츠키 | 2005.02.22 |
홈피 만들때 자주 사용되는 메타태그 모음 [18] | 김태영 | 2005.02.20 |