file에 스킨 입히기 - 첨부파일
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();}
}
'인터넷정보' 카테고리의 다른 글
현재 페이지 쿠키 알아내기 (0) | 2007.10.10 |
---|---|
바이러스 백신 소프트웨어 공급업체 목록 (0) | 2007.10.10 |
간단한 중요 DB정보 보호방법 (0) | 2007.10.10 |
SSL관련 개인키, CSR 만드는 방법 (0) | 2007.10.10 |
IE flash 패치용 - 이올라스, 플래시 테두리 (0) | 2007.10.10 |
회색 컬러, 그레이 색상 (0) | 2007.10.10 |
이미지 자동 리사이즈 관련 함수 (0) | 2007.10.10 |
링크 자동 타겟 설정 (0) | 2007.10.10 |
[JS] 한글 초성, 중성, 종성 자르기 (0) | 2007.10.10 |
[PHP] 한글 초성,중성,종성 자르기 (0) | 2007.10.10 |