반응형
익스플로러가 안될수있습니다
/*
var targetObj = document.getElementById(targetId);
var outputCss = targetObj.currentStyle;
targetObj.style.backgroundColor = outputCss.getAttribute('background-color');
targetObj.style.borderStyle = outputCss.getAttribute('border-style');
targetObj.style.border = outputCss.getAttribute('border');
*/
// 스타일 변경 수동 적용 가능
var cssText = '<style type="text/css">';
cssText += '.aaaa {font-size:11px; color:#333333; border:2px solid black; padding:10px 5px 8px 5px; background-color:#F3F5E0;}';
cssText += '</style>';
var output = document.getElementById(targetId).outerHTML;
if (!SaveFileName) {
SaveFileName = 'FilteredReport.xls';
}
var oWin = window.open("about:blank", "_blank");
oWin.document.write(cssText);
oWin.document.write(output);
oWin.document.close();
// success = true, false
var success = oWin.document.execCommand('SaveAs', false, SaveFileName);
oWin.close();
// **********************
// 방법 2
// 방법 2
if (document.all.excelExportFrame == null) // 프레임이 없으면 만들자~!
{
var excelFrame = document.createElement("iframe");
excelFrame.id = "excelExportFrame";
excelFrame.name = "excelExportFrame";
excelFrame.position = "absolute";
excelFrame.style.zIndex = -1;
excelFrame.style.visibility = "hidden";
excelFrame.style.top = "-10px";
excelFrame.style.left = "-10px";
excelFrame.style.height = "0px";
excelFrame.style.width = "0px";
document.body.appendChild(excelFrame); // 아이프레임을 현재 문서에 쑤셔넣고..
}
var frmTarget = document.all.excelExportFrame.contentWindow.document; // 해당 아이프레임의 문서에 접근
if (!SaveFileName) {
SaveFileName = 'test.xls';
}
frmTarget.open("text/html", "replace");
frmTarget.write('<html>');
frmTarget
.write('<meta http-equiv="Content-Type" content="application/vnd.ms-excel; charset=euc-kr"/>\r\n'); // 별로..
frmTarget.write('<body onload="saveFile();">');
frmTarget.write(document.getElementById(targetId).outerHTML); // tag를 포함한 데이터를 쑤셔넣고
frmTarget.write('<script language="javascript">');
frmTarget
.write('function saveFile(){document.execCommand("SaveAs", true, "'
+ SaveFileName + '");}');
frmTarget.write('<\/script>');
frmTarget.write('</body>');
frmTarget.write('</html>');
frmTarget.close();
//frmTarget.charset="UTF-8"; // 자 코드셋을 원하는걸로 맞추시고..
frmTarget.charset = "euc-kr";
frmTarget.focus();
}
</script>
*테스트 하기
<h1>엑셀저장 테스트 </h1>
<br>
테이블만 저장 1 : <input type="button" value="excel" onclick="downloadExcel('tblMain')">
<br>
<table border="1" id="tblMain" >
<tr>
<td rowspan="2">이름</td>
<td>김호두</td>
<td>★</td>
</tr>
<tr>
<td colspan="2">김자두</td>
</tr>
<tr>
<td rowspan="2">나이</td>
<td colspan="2">20</td>
</tr>
<tr>
<td>21</td>
<td>★</td>
</tr>
</table>
출처: http://cofs.tistory.com/17 [CofS]
반응형
'프로그램 관련 > jquery&jsp&HTML' 카테고리의 다른 글
| 특정문자 삭제 replace 사용하기 string 자르기 , 삭제 (0) | 2018.08.16 |
|---|---|
| select box disabled 하기 선택안되게하기 (0) | 2018.08.16 |
| textarea , text글자제한 두기 (0) | 2018.08.10 |
| jquery 문자열 자르기 방식 (0) | 2018.07.26 |
| 체크박스 초기화 하기 (0) | 2018.07.17 |