웹모아
웹모아[가입] 로그인 / 회원가입   검색     


  
버턴관련테그
  

▽[RE] [JavaScript] input type=file의 이미지 버튼달기
2006-08-05 22:43:18 댓글:(0)   조회:1095
 

방법1.

<div style="position:absolute; height:61; width:20; background-image:url(" target=_blank>http://blogimgs.naver.com/imgs/btn_addphoto.gif); clip:rect(0 61 20 0)">

<input type=file name=attachedfile style="width:0;height:20;filter:alpha(opacity=0);">

</div>

 

방법2.

＜input type="text" name="tmpfile"＞
＜img src="search.gif" border="0" onClick="filename.click()"＞
＜input type="file" name="filename" hidden＞


방법3.

<script>


    function file_browse()
    {
        document.board_write.formFile.click();
        document.board_write.formFile_view.value=document.board_write.formFile.value;
        //alert(document.board_write.formFile.value);
    }
</script>
        <input type="file" name="formFile"style="display:none;">
        <input name="formFile_view" type="text" class="seb4" style="background-repeat:no-repeat; background-position:left; background-color:#FBFBFB; border-width:1px; border-color:#F3D1F9; border-style:solid; height:20px; " size="86"> 
<a href="javascript: file_browse()"><img src="../images/but_file.gif" width="48" height="16" border="0" align="absmiddle"></a>


방법4.

      <input name="formFile_view" type="text" size="70" class="seb4" style="background-repeat:no-repeat; background-position:left; background-color:#FBFBFB; border-width:1px; border-color:#F3D1F9; border-style:solid; height:20px; " onChange="formFile.value=formFile_view.value;">
      <input name="formFile" type="file" class="seb4" style="width:0;filter:alpha(opacity=10);display:none;background-repeat:no-repeat; background-position:left; background-color:#FBFBFB; border-width:1px; border-color:#F3D1F9; border-style:solid; height:20px;" tabindex="3" size="0">
      <a href="javascript:;" onClick="formFile.click();formFile_view.value=formFile.value;"><img src="../images/but_file.gif" width="48" height="16" border="0" align="absmiddle"></a>
. 

[이전글] ▽ [RE] [JavaScript] input type=file의 이미지 버튼달기
[다음글] ▽ 파일업로드 버턴을 이미지로


 
※ 댓글쓰기는 회원(로그인 하신분) 이상 가능합니다.


 댓글 (0)

  
버턴관련테그
 페이지: 1 / 3   

▽ label 태그
열람:13170   2009.02.15 		
▽   [RE] Label 태그를 Image로 하기
열람:10438   2009.02.15 		
▽ Select 꾸미기 optgroup 사용
(홈마스타) 열람:9815   2007.06.10 		
▽ 체크박스라디오버튼체크유무검사.html
(홈마스타) 열람:10955   2007.05.30 		
▽ input type="file" 의 value값 초기화 시키기
(홈마스타) 열람:10982   2006.12.30 		
▽   [RE] input type=\
(홈마스타) 열람:11476   2006.12.30 		
▽   [RE] input type=\
(홈마스타) 열람:10584   2006.12.30 		
▽ input 버턴의 모양
(홈마스타) 열람:8992   2006.12.21 		
▽ 중보입력 방지 루틴
(홈마스타) 열람:10370   2006.09.05 		
▽ 파일업로드 버턴을 이미지로
(홈마스타) 열람:2295   2006.08.05 		

[1]  [2]  [3]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.




 
최근 글 ▽[손님]
 
인기 글 ▽[손님]
▽[홈마스타] 속도감
▽[홈마스타] (1) 아이피포워팅이란?