웹마스터 팁
멀티 파일다운로드 꼼수 (새창버전)
2004.10.14 20:13
예제 링크 : http://mygony.com/tt/index.php?pl=85&nc=1
다중 파일 다운로드를 스크립트 꼼수로 예전에 구현했었는데, XP SP2 버전과 IE 5.0 이하에서 문제가 있다고 하네요.
( 참고 : http://mygony.com/tt/index.php?pl=76&nc=1 )
이번 소스 역시 대단하다고 할만한 것은 못되지만, 조금 더 미려한(?) 화면을 보여줄 수 있다는 장점이 있고, (아마도) IE 5.0도 지원될 겁니다. -_-a;;
이 부분이 소스입니다.
-------------------------------------------------------------------
/**
* by 행복한고니 (20041014)
*/
function mdown(N, W, H, T, L)
{
var Title = "Downloading..."; // 창 제목
var Loading = "loading.html"; // 로딩 페이지 경로
//-------------------------------------------------------
// 이 이하로는 소스를 수정하지 마세요.
//-------------------------------------------------------
var objs = document.getElementsByName(N);
var win, rowStr = "", S = [];
if (objs == null || objs.length == undefined) return;
if (W == undefined || isNaN(parseInt(W))) W = 300;
if (H == undefined || isNaN(parseInt(H))) H = 300;
if (T == undefined || isNaN(parseInt(T))) T = parseInt((screen.height-H-30)/2);
if (L == undefined || isNaN(parseInt(L))) L = parseInt((screen.width-W)/2);
for (var i=0; i<objs.length; i++) {
if (objs[i].checked == undefined || !objs[i].checked) continue;
rowStr += ",0";
S[S.length] = mdown.GetURL(objs[i].value);
}
win = window.open("", "MDownWindow", "width="+W+",height="+H+",top="+T+",left="+L+",location=no,menubar=no,resizable=no,scrollbars=no,status=no");
win.document.open();
win.document.write(
"<html><head><title>"+Title+"</title></head>" +
"<frameset rows="100%"+rowStr+"" border="0" frameborder="0" noresize="">" +
"<frame src=""+Loading+""></frame>"
);
for (var i=0; i < S.length; i++) {
win.document.write("<frame src=""+S[i]+""></frame>");
}
win.document.write("</frameset>");
win.document.close();
}
//----------------------------------------------------------------
// 사용자 정의 함수 구현부
//----------------------------------------------------------------
mdown.GetURL = function(val) {
// 이 함수를 각자의 프로그램 사양에 따라 적당히 만들어주세요.
// 체크박스에 있던 value 값이 val로 전달됩니다.
return "http://mysite.com/download.php?fileid="+val+");";
}
-------------------------------------------------------------------
우선 파일 다운로드를 하는 프로그램을 download.php 라고 가정합니다.
이 때, download.php 에서 파일을 다운로드 할 때 download.php?fileid=아이디번호 와 같은 식으로 쓴다고 가정합니다. 이 규칙에 의해서 mdown.GetURL 함수를 사용자가 작성합니다.
저번의 iframe 버전에 비해 달라진 것이 하나 있는데 아무래도 새 창이다보니 새창의 위치를 지정해주는 전달자가 늘었습니다. 순서대로 W(idth : 너비), H(height : 높이), T(op : 위), L(eft : 왼쪽) 의 정수형 값을 지정해주시면 되고, 뒤쪽부터 순서대로 생략하거나 모두 생략할 수 있습니다. 생략하면 기본값이 지정됩니다.
스크립트를 포함한 후, 예제 HTML은 다음과 같이 쓸 수 있습니다.
<input type="checkbox" name="downfile" value="1"> 1번 파일
<input type="checkbox" name="downfile" value="2"> 2번 파일
<input type="checkbox" name="downfile" value="3"> 3번 파일
<input type="checkbox" name="downfile" value="4"> 4번 파일
<input type="button" value="다운로드" onclick="mdown('downfile')">
( IE 6.0 SP1, Firefox 1.0PR, Opera 7.54 ) - Windows2000
다중 파일 다운로드를 스크립트 꼼수로 예전에 구현했었는데, XP SP2 버전과 IE 5.0 이하에서 문제가 있다고 하네요.
( 참고 : http://mygony.com/tt/index.php?pl=76&nc=1 )
이번 소스 역시 대단하다고 할만한 것은 못되지만, 조금 더 미려한(?) 화면을 보여줄 수 있다는 장점이 있고, (아마도) IE 5.0도 지원될 겁니다. -_-a;;
이 부분이 소스입니다.
-------------------------------------------------------------------
/**
* by 행복한고니 (20041014)
*/
function mdown(N, W, H, T, L)
{
var Title = "Downloading..."; // 창 제목
var Loading = "loading.html"; // 로딩 페이지 경로
//-------------------------------------------------------
// 이 이하로는 소스를 수정하지 마세요.
//-------------------------------------------------------
var objs = document.getElementsByName(N);
var win, rowStr = "", S = [];
if (objs == null || objs.length == undefined) return;
if (W == undefined || isNaN(parseInt(W))) W = 300;
if (H == undefined || isNaN(parseInt(H))) H = 300;
if (T == undefined || isNaN(parseInt(T))) T = parseInt((screen.height-H-30)/2);
if (L == undefined || isNaN(parseInt(L))) L = parseInt((screen.width-W)/2);
for (var i=0; i<objs.length; i++) {
if (objs[i].checked == undefined || !objs[i].checked) continue;
rowStr += ",0";
S[S.length] = mdown.GetURL(objs[i].value);
}
win = window.open("", "MDownWindow", "width="+W+",height="+H+",top="+T+",left="+L+",location=no,menubar=no,resizable=no,scrollbars=no,status=no");
win.document.open();
win.document.write(
"<html><head><title>"+Title+"</title></head>" +
"<frameset rows="100%"+rowStr+"" border="0" frameborder="0" noresize="">" +
"<frame src=""+Loading+""></frame>"
);
for (var i=0; i < S.length; i++) {
win.document.write("<frame src=""+S[i]+""></frame>");
}
win.document.write("</frameset>");
win.document.close();
}
//----------------------------------------------------------------
// 사용자 정의 함수 구현부
//----------------------------------------------------------------
mdown.GetURL = function(val) {
// 이 함수를 각자의 프로그램 사양에 따라 적당히 만들어주세요.
// 체크박스에 있던 value 값이 val로 전달됩니다.
return "http://mysite.com/download.php?fileid="+val+");";
}
-------------------------------------------------------------------
우선 파일 다운로드를 하는 프로그램을 download.php 라고 가정합니다.
이 때, download.php 에서 파일을 다운로드 할 때 download.php?fileid=아이디번호 와 같은 식으로 쓴다고 가정합니다. 이 규칙에 의해서 mdown.GetURL 함수를 사용자가 작성합니다.
저번의 iframe 버전에 비해 달라진 것이 하나 있는데 아무래도 새 창이다보니 새창의 위치를 지정해주는 전달자가 늘었습니다. 순서대로 W(idth : 너비), H(height : 높이), T(op : 위), L(eft : 왼쪽) 의 정수형 값을 지정해주시면 되고, 뒤쪽부터 순서대로 생략하거나 모두 생략할 수 있습니다. 생략하면 기본값이 지정됩니다.
스크립트를 포함한 후, 예제 HTML은 다음과 같이 쓸 수 있습니다.
<input type="checkbox" name="downfile" value="1"> 1번 파일
<input type="checkbox" name="downfile" value="2"> 2번 파일
<input type="checkbox" name="downfile" value="3"> 3번 파일
<input type="checkbox" name="downfile" value="4"> 4번 파일
<input type="button" value="다운로드" onclick="mdown('downfile')">
( IE 6.0 SP1, Firefox 1.0PR, Opera 7.54 ) - Windows2000
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| Javascript + 플래시 칼라피커 [6] | 행복한고니 | 2004.10.08 |
| 체크박스를 이미지로 사용하기 [7] | 행복한고니 | 2004.10.10 |
| 배열 스크립트 종합선물세트 | 행복한고니 | 2004.10.12 |
| 멀티 파일다운로드 꼼수 (새창버전) [1] | 행복한고니 | 2004.10.14 |
| XP2인지 체크하여 XP2일때는 팝업허용하라는 메시지 뛰워주기 [3] | 아돌 | 2004.10.19 |
| 모든 이미지, 텍스트 링크에 점선 없애기 [5] | 이강민 | 2004.10.25 |
| JavaScript 구문강조 효과내기 | 파우링 | 2004.10.28 |
| 행복한고니님의 체크박스를 이미지로 사용하기를 보고... 체크박스옆에 텍스트 부치기 [2] | beMax | 2004.10.29 |
| ActiveX 멀티파일업로더 입니다. [9] | by風 | 2004.11.01 |
| 홈페이지 나갈때 새창띄우기 [2] | piasol | 2004.11.07 |
| (수정)배경음악,연월일,시간, 코멘트 셋트.(AM,PM==>오전,오후 순,한국식으로 ...) [4] | 민피디 | 2004.11.10 |
| ActiveX 플래시 이미지캡쳐 컨트롤 iFlower [1] | 덴디 | 2004.11.15 |
| iFlower 윈도우리스 플래시 ActiveX 컨트롤 | 덴디 | 2004.11.16 |
| 자바스크립트 암호화 [5] | 손상모 | 2004.11.18 |
| 로딩중인 페이지에 효과넣기 [4] | LUFFY | 2004.11.20 |
| 이미지 를 브라우져에서 내맘데로 옮겨두기 [8] | piasol | 2004.12.03 |
| 이제 미디어플레이어는 가라? 곰플레이어로 실시간으로 감상하자. [13] | ⓣing★™ | 2004.12.05 |
| 홈페이지를 풀스크린으로 띄우자 - 올플래시로 보이는군요. [21] | Multi_Taeji | 2004.12.10 |
| 마우스를 대면 이미지가 바뀐다. 롤오버 이미지 [3] | 하진 | 2004.12.19 |
| 개판 오분전 빙고 [2] | 미친개 | 2004.12.30 |