푸른청년 푸르게 살고있나?  
home | 살아가기 | news | 세상보기 | tip&tech | 방명록 |  
   전체
   asp
   php
   jsp
   mssql
   mysql
   informix
   linux
   unix
   win2000
   javascript
   html
   oracle
   java
   etc
    
:: Tip&Tech > javascript
[웹프로그램]파일업로드시 파일전송중 표현하기
asp에서  파일업로드를  구현할때..
덱스트업로드 같은 상용 컴포넌트를 쓰면 진행바를 기본제공한다.
하지만 기타 프리컴포넌트나 php를 사용할경우..
파일용량이 큰 파일등을 올릴때.. 난감할때가 있다.
이때 진행바처럼 남은 시간등이 표시되지는 않지만..
파일전송중이라는걸 간단히 표시해 줄수 있는 꽁수가 있다.
<div>라는 태그를 써서 파일전송중 이라는 걸 표현하는 방법을 풀겠다. ㅋㅋ

<DIV id="prograss" style="VISIBILITY: hidden; LEFT: 200px; TOP:-270px; POSITION: relative">
<table border=1 bgcolor="lightyellow" bordercolor="black" width=200 height=100><tr><td align=center>전송중.........</td></tr></table>
</DIV>

다음과 같은 태그를 </body> 바로 앞에다 붙이자..
왜냐면 이걸 중간에 두게 되면 그만큼 밑으로 밀리는 현상이 발생한다.
해보면 안다.
style에서 visibility 속성을 hidden으로 주고.. submit 할때 visible로 바꾸는게 핵심이 되겠다.
postion을 상대적(relative)를 주고.. left랑 top의 값을 적절히 주면..
원하는 위치에 뿌릴수 있다.

이제 다음 태그를.. submit 할때 이름있는지 없는지 체크하는..
자바스크립트 함수에다 form.submit(); 하기전에 써주자.

function checkIt(form) {

if(!form.content.value) {
alert('내용을 입력하세요!');
form.content.focus();
return;
}

....

if (navigator.appName == 'Netscape' && document.layers != null) {
document.layers['prograss'].visibility = "visible";
}else if (document.all != null){
document.all['prograss'].style.visibility = "visible";
}

form.submit();

}


대충 짐작하시겠지만.. submit하기전에 <div> 태그로 숨겨놓았던 것들을..
visible로 바꾸어주는거다.
if문은 또한 이게 넷스케이프일때도 작동하게 해준다..ㅋㅋ
오~ 호 완벽하지 않은가..



날짜: 2003-07-23 18:42:51, 조회수: 2288

다음글 텍스트 필드에서 엔터를 치면 줄이 늘어나는 스크립트..
이전글 [자바스크립트]다이내믹 콘텐츠 -- DHTML의 Layer 이용하기

꼬리말
글쓴이 비밀번호 #스팸글방지(주인장 닉네임을 쓰시오)

  
since by 2003.03.23 / 3th 2005.07.26 / 4th 2009.04.22 made by bluesoul