웹마스터 팁
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')" />
이걸로 끝입니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
[동영상강좌] 제6회차 - 시간별로 배경이 바뀌게 만드는방법 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제5회차 - 풀스크린으로 링크거는방법 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제4회차 - 풀다운메뉴 만드는방법 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제3회차 - 자동으로 창열고닫기 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제2회차 - 팝업창 띄우기 [1] | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제1회차 - 랜덤광고 만들기 [1] | 아이티스터디 | 2006.02.02 |
새창으로 페이지열기에 대한... [2] | 나만의길 | 2006.01.04 |
홈페이지 만드실때 방문자의 해상도가 걱정 되신다면 [5] | 한용 | 2005.11.11 |
주소창에 경로감추기 [5] | ☆쭈야☆ | 2005.10.29 |
임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) | ColonD | 2005.10.20 |
2005/10/16 21:15 pm 형식으로 출력되는 시계 [5] | 웹-하루 | 2005.10.18 |
클릭으로 배경색 바꾸는 스크립트(수정) [1] | ColonD | 2005.10.16 |
배경색 랜덤으로 바꾸는 스크립트 [1] | ColonD | 2005.10.15 |
뉴스티커 [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 |