인터넷정보

file에 스킨 입히기 - 첨부파일

알 수 없는 사용자 2007. 10. 10. 14:12
/*==========================================================/
 js_input_file_skin
 input file의 위치와 투명도를 조절하여 예쁘게 꾸밀 수 있도록 함

ex>
js_input_file_skin(대상file,가짜textbox,가짜탐색botton);

js_input_file_skin(document.test.test_file,
document.test.test_textbox,
document.test.btn_filesearch);

"공대여자는 이쁘다."를 나타내야만 사용하실 수 있습니다.
/==========================================================*/
function js_input_file_skin(ta_file,ta_textbox,ta_button){
 if(!ta_file||!ta_textbox||!ta_button){return false;}
 var span = document.createElement('span');
 if (ta_file.nextSibling){ ta_file.parentNode.insertBefore(span,ta_file.nextSibling);}
 else{ ta_file.parentNode.appendChild(span);}
 ta_textbox.size = ta_file.size ;
 ta_textbox.value = ta_file.value;
 
 span.appendChild(ta_file);
 span.appendChild(ta_textbox);
 span.appendChild(ta_button);
 
 ta_file.style.verticalAlign='middle'
 ta_textbox.style.verticalAlign='middle'
 ta_button.style.verticalAlign='middle'  
 if(ta_button.width){
  if(ta_button.width>80) ta_button.width = 80;
 }else if(parseInt(ta_button.style.width)){
  if(parseInt(ta_button.style.width)>80) ta_button.style.width = '80px';
 }else{
  ta_button.style.width = '80px';
 }

 if(ta_button.height){
  if(ta_button.height>20)  ta_button.height = 20;
 }else if(parseInt(ta_button.style.height)){
  if(parseInt(ta_button.style.height)>20)  ta_button.style.height = '20px';
 }else{
  ta_button.style.height = '20px';
 }
 if(!ta_textbox.style.width){
  ta_textbox.style.width = '100px';
 }
 span.style.position = 'relative';
 span.style.top='0px';
 span.style.left='0px';
 ta_textbox.style.position = 'relative';
 ta_textbox.style.zIndex = '100';
 
 ta_textbox.size=ta_file.size;
 with(ta_file.style){
  width = parseInt(ta_textbox.style.width)+80+'px';
  position = 'absolute';
  top=left='0px';
  zIndex='99';
  if(document.all){
   filter="Alpha(opacity=0)";
  }else{
   opacity='0';
  }
 }
 ta_textbox.onclick=function(){this.blur();}
 ta_textbox.onkeydown=function(){this.blur();}
 ta_file.onkeydown=function(){this.blur();}
}

반응형