objResponse.ClearContent();
   objResponse.ClearHeaders();
   objResponse.ContentType = "application/vnd.msexcel";
   objResponse.AddHeader("content-disposition", "attachment; filename=SearchResults.xls");
   objResponse.AppendHeader("Content-Length", result.Length.ToString());
   objResponse.Charset = "euc-kr";
   objResponse.ContentEncoding = Encoding.GetEncoding(949);
   objResponse.Write(result);
   objResponse.Flush();
   objResponse.Close();
   objResponse.End();

예제는 엑셀 데이터를 다운로드 하는 경우이다. result string 에는 탭으로 분리된 텍스트를 넣어주면 xls파일로 다운로드 된다. 정식 엑셀 파일은 아니고 csv를 xls 확장자로 다운로드 하면 나머지는 엑셀이 알아서 한다. 푸른색으로 된 부분은 한글 코드 문제로 넣어 준것이다. 그냥 Unicode로 보내면 엑셀이 제대로 처리하지 못한다. 이유는 모르겠다.

출처 : http://www.code99.net/Default.aspx?tabid=794&EntryID=186

Exporting DataGrid to Excel

Exporting DataGrid to Excel might sound complex but it's pretty simple. Let's see how this can be done.

Response.Clear();
Response.AddHeader("content-disposition", "attachment;filename=FileName.xls");
Response.Charset = "";
Response.Cache.SetCacheability(HttpCacheability.NoCache);
Response.ContentType = "application/vnd.xls";

System.IO.StringWriter stringWrite = new System.IO.StringWriter();
System.Web.UI.HtmlTextWriter htmlWrite = new HtmlTextWriter(stringWrite);

myDataGrid.RenderControl(htmlWrite);
Response.Write(stringWrite.ToString());
Response.End();

The code given above is the complete code to export a DataGrid to an Excel file:

• Response.AddHeader is letting ASP.NET know that we are exporting to a file which is named FileName.xls.
• Response.ContentType denotes the type of the file being exported.
• myDataGrid.RenderControl(htmlWrite) writes the data to the HtmlTextWriter.
• Response.Write(stringWrite.ToString()); sends the request to the response stream.

As you can see, exporting a DataGrid to an Excel file is pretty simple.

Exporting the DataGrid to a Word file

You can also export a DataGrid to a Word file. You might ask a question that why would anyone like to do that. If you have a Word document which needs a table, then you can simply export the table from the DataGrid to the Word document. The code is similar to the above with minor changes.

Response.Clear();
Response.AddHeader("content-disposition", "attachment;filename=FileName.doc");
Response.Charset = "";
Response.Cache.SetCacheability(HttpCacheability.NoCache);
Response.ContentType = "application/vnd.word";

System.IO.StringWriter stringWrite = new System.IO.StringWriter();
System.Web.UI.HtmlTextWriter htmlWrite = new HtmlTextWriter(stringWrite);

myDataGrid.RenderControl(htmlWrite);
Response.Write(stringWrite.ToString());
Response.End();

Exporting a DataGrid to a Text File

Sometimes you need to export a DataGrid to a Text file. In this case you need to iterate through the DataSet and concatenate the text to a string or more precisely a StringBuilder object. Let's see how this can be done:

Collapse

Database db = DatabaseFactory.CreateDatabase();
DBCommandWrapper selectCommandWrapper = 
   db.GetStoredProcCommandWrapper("sp_GetLatestArticles");
DataSet ds = db.ExecuteDataSet(selectCommandWrapper);
StringBuilder str = new StringBuilder();

for(int i=0;i<=ds.Tables[0].Rows.Count - 1; i++)
{
  for(int j=0;j<=ds.Tables[0].Columns.Count - 1; j++)
  {
      str.Append(ds.Tables[0].Rows[i][j].ToString());
  }

  str.Append("<BR>");
}

Response.Clear();
Response.AddHeader("content-disposition", 
         "attachment;filename=FileName.txt");
Response.Charset = "";
Response.Cache.SetCacheability(HttpCacheability.NoCache);
Response.ContentType = "application/vnd.text";

System.IO.StringWriter stringWrite = new System.IO.StringWriter();
System.Web.UI.HtmlTextWriter htmlWrite = 
              new HtmlTextWriter(stringWrite);

Response.Write(str.ToString());
Response.End();

The important thing to note is the two for loops that iterate through the DataSet and append the rows into the StringBuilder object.

Format Issue when Exporting DataGrid to Excel

I would like to thank Sonu Kapoor for helping me with the Format issue in exporting a DataGrid to Excel and Juss for providing the code.

When you export a DataGrid to Excel it loses its format. This means that maybe your DataGrid has a string field which consisted of numbers, say '002345'. But when you export the grid and see it in an Excel file you will find that the number changed to '2345'.

You can solve this problem using Cascading Style Sheets.

Code provided by Juss:

Dim strFileName, strFilePath AsString
Dim oStringWriter AsNew System.IO.StringWriter
Dim oHtmlTextWriter AsNew System.Web.UI.HtmlTextWriter(oStringWriter)
Dim objStreamWriter As StreamWriter
Dim strStyle AsString = "<style>.text { mso-number-format:\@; } </style>"
objStreamWriter = File.AppendText(strFilePath)
DataGrid1.RenderControl(oHtmlTextWriter)
objStreamWriter.WriteLine(strStyle)
objStreamWriter.WriteLine(oStringWriter.ToString())
objStreamWriter.Close()

Most of you might be thinking about that "mso-number-format" stuff in between the code. This is the style in which the column will be exported. For this reason, you need to inject the attribute into the DataGrid column for which you want to change the display format.

DataGrid1.DataBind()
Dim strStyle AsString = "<style>.text { mso-number-format:\@; } </style>"
For intTemp AsInteger = 1 To ds.Tables(0).Rows.Count - 1
   DataGrid1.Items(intTemp).Cells(0).Attributes.Add("class", "text")
Next

You can export in many formats. All you need to know is the mso-number-format:\@;. You can easily find the format by opening an Excel file and typing a number in one of the cells. Now if you want to save this number as a Social Security Pattern (xxx-xx-xxxx), right click on the cell and select a pattern that saves it as a Social Security Number. Next save the Excel file to XML format. Open the XML file in Notepad and see what style the column SSN uses. The SSN style is something like this: mso-number-format:000\-00\-0000.

Simply substitute the new style in the strStyle variable and that's it.

For a complete discussion on this issue, please visit this link.

I hope you liked the article, happy coding!

출처 : http://blog.naver.com/jjigye/30012879332

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script LANGUAGE="JavaScript">
<!--
// ------------------------- 드림위버에 기본적으로 들어간 JS -------------------------
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-------------------------------------------------------------------------------------

// ---------------- 팝업창 시에 사용할 함수 -------------------------------
function getCOOKIE(name){
var nameOfCOOKIE = name + "=";
var x = 0;
while ( x <= document.COOKIE.length ){
var y = (x+nameOfCOOKIE.length);
if ( document.COOKIE.substring( x, y ) == nameOfCOOKIE ){
if ( (endOfCOOKIE=document.COOKIE.indexOf( ";", y )) == -1 )
endOfCOOKIE = document.COOKIE.length;
return UNESCAPE( document.COOKIE.substring( y, endOfCOOKIE ) );
}
x = document.COOKIE.indexOf( " ", x ) + 1;
if ( x == 0 )
break;
}
return "";
}

function setCOOKIE( name, value, expiredays ){
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.COOKIE = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}


// ------------------------------------- 기타 함수들 ----------------------------------------

// 메일패턴 체크
function fnc_EmailChk(str_regexp){
var check_string = true;
var check_data = new RegExp('[a-zA-Z0-9@._]');

for(i = 0; i < str_regexp.length ; i++){
check_string = check_data.test(str_regexp.substr(i,1));
if(!check_string){
break;
}
}
return check_string;
}

// ' 와 " 의 입력을 막음
function fnc_NoneWrite(e){
var keyValue = event.keyCode
if((keyValue == 34)||(keyValue == 39)) return false;
}

// 공백제거 함수
function fnc_trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}

// 숫자만입력 ( onKeypress='return keyCheck(event)' )
function keyCheck(e) {
var keyValue = event.keyCode
if (((keyValue >= 48) && (keyValue <= 57)) || keyValue==13 ) return true;
else return false
}

// - 음수입력
function keyCheck_minus(e) {
var keyValue = event.keyCode
if (((keyValue >= 48) && (keyValue <= 57)) || keyValue==13 || keyValue==45) return true;
else return false
}

// 콤마 넣기(정수만 해당)
function comma(val) {
val = get_number(val);
if(val.length <= 3) return val;

var loop = Math.ceil(val.length / 3);
var offset = val.length % 3;

if(offset==0) offset = 3;
var ret = val.substring(0, offset);

for(i=1;i<loop;i++) {
ret += "," + val.substring(offset, offset+3);
offset += 3;
}
return ret;
}

// 콤마 넣은 값을 특정폼의 필드에 리턴해줄때 사용
function fnc_currency(Form_name, Field_name){
form = document.forms[Form_name];
tmp_value = form.elements[Field_name].value;
form.elements[Field_name].value = comma(tmp_value);
}

// 영문대소문자, 숫자, 언더바, . 을 포함하여 입력 받음, 한글도 입력 받음
function fnc_Write_dot(e){
var keyValue = event.keyCode
if(!(((keyValue >= 48)&&(keyValue <= 57))||((keyValue >= 65)&&(keyValue <= 90))||((keyValue >= 97)&&(keyValue <= 122))||(keyValue == 46)||(keyValue == 45)||(keyValue == 95))){
return false;
}
}

// 영문대소문자, 숫자, 언더바만 입력받음, 한글도 입력 받음
function fnc_Write_string(e){
var keyValue = event.keyCode
if(!(((keyValue >= 48)&&(keyValue <= 57))||((keyValue >= 65)&&(keyValue <= 90))||((keyValue >= 97)&&(keyValue <= 122))||(keyValue == 45)||(keyValue == 95))){
return false;
}
}

function fnc_ImgExt(ImgFile){
ImgFile = ImgFile.toLowerCase();
if((ImgFile.indexOf(".gif") == -1)&&(ImgFile.indexOf(".jpg") == -1)&&(ImgFile.indexOf(".jpeg") == -1)){
return false;
}else{
return true;
}
}

// 라디오 버튼 체크
function fnc_OptChk(obj){
Optchk = false;
for(i = 0; i < obj.length; i++){
if(obj[i].checked == true){
Optchk = true; break;
}
}
return Optchk
}

function fnc_OptChk_idx(obj){
OptIdx = "";
for(i = 0; i < obj.length; i++){
if(obj[i].checked == true){
OptIdx = i; break;
}
}
return OptIdx
}

function fnc_download(file_origin, file, path, service, div, numseq){
Location.href='/common/download.php?file_origin=' + file_origin + '&file=' + file + '&path=' + path + '&service=' + service + '&div=' + div + '&numseq=' + numseq;
}


function fnc_StrChk(vString, vlength){
var chkBln = true;
if(vString.length >= vlength){
var chkStr = new RegExp('[^a-zA-Z0-9_]');
for(i = 0; i < vString.length; i++){
chkBln = !(chkStr.test(vString.substr(i,1)));
if(chkBln == false){ break; }
}
}else{
chkBln = false;
}
return chkBln;
}

function fnc_HStrChk(vString, vlength){
var chkBln = true;
if(vString.length < vlength){
chkBln = false;
}
return chkBln;
}

function fnc_EmailChk(vString, vlength){
var chkBln = true;
if((vString.length >= vlength) && (vString.indexOf("@") != -1) && (vString.indexOf(".") != -1)){
var chkStr = new RegExp('[^a-zA-Z0-9@._]');
for(i = 0; i < vString.length; i++){
chkBln = !(chkStr.test(vString.substr(i,1)));
if(chkBln == false){ break; }
}
}else{
chkBln = false;
}
return chkBln;
}

function fnc_NumChk(vString, vlength){
var chkBln = true;
if(vString.length >= vlength){
var chkStr = new RegExp('[^0-9]');
for(i = 0; i < vString.length; i++){
chkBln = !(chkStr.test(vString.substr(i,1)));
if(chkBln == false){ break; }
}
}else{
chkBln = false;
}
return chkBln;
}

function fnc_JuminNumChk(vString) {
var chkBln = true;
if(vString.length != 13){
chkBln = false;
}else{
var a= vString.substring(0, 1);
var b= vString.substring(1, 2);
var c= vString.substring(2, 3);
var d= vString.substring(3, 4);
var e= vString.substring(4, 5);
var f= vString.substring(5, 6);
var g= vString.substring(6, 7);
var h= vString.substring(7, 8);
var i= vString.substring(8, 9);
var j= vString.substring(9, 10);
var k= vString.substring(10, 11);
var l= vString.substring(11, 12);
var m= vString.substring(12, 13);

var sum = 2*a + 3*b + 4*c + 5*d + 6*e + 7*f + 8*g + 9*h + 2*i + 3*j + 4*k + 5*l;
var r1 = sum % 11;
var temp = 11*((sum-r1)/11)+11-sum;
var r2 = temp % 10;
var temp1 = temp-10*((temp-r2)/10);

if(m != temp1){
chkBln = false;
}else{
chkBln = true;
}
}
return chkBln;
}

function fnc_ComNoChk(comno) {
var chkBln = true;
if(comno.length != 10){
chkBln = false;
}
sumMod = 0;
sumMod += parseInt(comno.substring(0,1));
sumMod += parseInt(comno.substring(1,2)) * 3 % 10;
sumMod += parseInt(comno.substring(2,3)) * 7 % 10;
sumMod += parseInt(comno.substring(3,4)) * 1 % 10;
sumMod += parseInt(comno.substring(4,5)) * 3 % 10;
sumMod += parseInt(comno.substring(5,6)) * 7 % 10;
sumMod += parseInt(comno.substring(6,7)) * 1 % 10;
sumMod += parseInt(comno.substring(7,8)) * 3 % 10;
sumMod += Math.floor(parseInt(comno.substring(8,9)) * 5 / 10);
sumMod += parseInt(comno.substring(8,9)) * 5 % 10;
sumMod += parseInt(comno.substring(9,10));

if (sumMod % 10 != 0) {
chkBln = false;
}
return chkBln;
}


// ------ 특수문자 예외처리 -----------
function fnc_NotKeywordChk(vString){
blnChk = false;
if(vString.indexOf("~") != -1 || vString.indexOf("`") != -1 || vString.indexOf("!") != -1 ||
vString.indexOf("@") != -1 || vString.indexOf("#") != -1 || vString.indexOf("$") != -1 ||
vString.indexOf("%") != -1 || vString.indexOf("^") != -1 || vString.indexOf("&") != -1 ||
vString.indexOf("*") != -1 || vString.indexOf("(") != -1 || vString.indexOf(")") != -1 ||
vString.indexOf("-") != -1 || vString.indexOf("_") != -1 || vString.indexOf("=") != -1 ||
vString.indexOf("+") != -1 || vString.indexOf("[") != -1 || vString.indexOf("{") != -1 ||
vString.indexOf("]") != -1 || vString.indexOf("}") != -1 || vString.indexOf("\\") != -1 ||
vString.indexOf("|") != -1 || vString.indexOf(";") != -1 || vString.indexOf(":") != -1 ||
vString.indexOf("'") != -1 || vString.indexOf('"') != -1 || vString.indexOf(",") != -1 ||
vString.indexOf("<") != -1 || vString.indexOf(".") != -1 || vString.indexOf(">") != -1 ||
vString.indexOf("/") != -1 || vString.indexOf("?") != -1 )
{
blnChk = false;
}
else
{
blnChk = true;
}
return blnChk;
}

//---------- 텍스트 바이트 체크 (폼이름, 체크필드명, 체크된바이트 리턴필드명) ---------------- //

function fnc_CheckByte(form,checkField,returnField){
checkCount = 0;
checkText = document.forms[form].elements[checkField].value;
checkTmp = checkText.length;

for(k = 0; k < checkTmp; k++){
checkOne = checkText.charAt(k);
if(escape(checkOne).length > 4){
checkCount += 2;
}else{
// 엔터값이 들어왔을때 값(rn)이 두번실행되는데 첫번째 값(n)이 들어왔을때 tcount를 증가시키지 않는다.
if(escape(checkOne) == '%0A') {
}else{
checkCount++;
}
}
}

document.forms[form].elements[returnField].value = checkCount;
}
//-->
</script>
</BODY>
</HTML>

출처 : 다 되게 되어있다! 용호리눅스

 all              ⓔ     특정한 HTMLElement 객체에 포함된 모든 태그들의 컬렉션
 align           ⓔ    Block 효과를 가지는 태그의 align 속성을 가리키는 객체의 속성
 className         스타일시트의 Selector로 사용하기 위해 태그에 사용된 class 속성의 값
 children      ⓔ   특정한 태그에 1차적으로 포함되어 있는 HTMLElement 객체들의 컬렉션

 clientHeight         객체에 적용된 여백과 테두리, 스크룰바를 제외한 높이
 clientWidth   ⓔ    객체에 적용된 여백과 테두리, 스크룰바를 제외한 너비
 clientLeft     ⓔ    HTMLElement 객체의 기준위치로부터의 왼쪽 간격(테두리선 두께)
 clientTop    ⓔ    HTMLElement 객체의 기준위치로부터의 위쪽 간격(테두리선 두께)
 dir                      글씨가 오른쪽 혹은 왼쪽부터 써지도록 설정 ("ltr" 혹은 "rtl")

 disabled             HTMLElement 객체의 상태를 사용할 수 없도록 할 것인지의 여부설정
 id                       HTMLElement 객체의 스타일을 적용하기 위해 태그에 사용된 ID 속성
 innerHTML          종료태그를 가진 태그의 마크영역에 포함된 태그를 포함한 문자열
 innerText     ⓔ     종료태그를 가진 태그의 마크영역에 포함된 태그를 제외한 문자열
 outerText     ⓔ     해당 요소에 포함된 태그를 제외하는 모든 문자열
 outerHTML   ⓔ     해당 요소의 시작과 끝태그까지를 포함하는 전체 문자열

 style                  태그에 사용된 STYLE 속성으로서 객체로 취급된다.
 tagName            HTMLElement 객체를 만들어낸 태그의 이름(예 H1, input, div 등)
 this                    해당 html 태그에서 자기 자신의 HTMLElement 객체를 참조
 title                    태그의 title 속성으로 마우스포인터가 왔을 때 나타낼 설명 문자열

 sourceIndex    ⓔ   HTMLElement 객체를 document.all[index]로 접근할 때의 index 값
 parentElement ⓔ   HTMLElement 객체를 포함하고 있는 부모객체를 참조한다.
 offsetParent           HTMLElement 객체의 기준 위치를 결정하는 부모 HTMLElement 객체
 offsetHeight           HTMLElement 객체와 그 내용물을 포함하는 전체 높이
 offsetWidth            HTMLElement 객체와 그 내용물을 포함하는 전체 너비
 offsetLeft              HTMLElement 객체의 왼쪽 좌표로서 부모객체에 상대적인 x 축 기준점
 offsetTop             HTMLElement 객체와 위쪽 좌표로서 부모객체에 상대적인 y 축 기준점
 readyState    ⓔ    HTMLElement 객체의 메모리 로딩상태를 표현(uninitialized ~ complete)

 scrollHeight   ⓔ    스크롤되는 HTMLElement 객체의 스크롤된 부문을 포함하는 전체 높이
 scrollWidth    ⓔ    스크롤되는 HTMLElement 객체의 스크롤된 부문을 포함하는 전체 너비
 scrollLeft       ⓔ    스크롤되는 HTMLElement 객체의 왼쪽으로 스크롤된 부문의 픽셀값
 scrollTop      ⓔ    스크롤되는 HTMLElement 객체의 위쪽으로 스크롤된 부문의 픽셀값

           ※  ⓔ 는 Explorer 에서만 지원되는 컬렉션.

        ----  Collection 의 종류------

 all            ⓔ     HTML 문서에 포함된 모든 태그를 배열로 접근하는 컬렉션
 applets           <applet> 태그의 HTMLElment 객체 컬렉션
 anchors          <a>  태그에 name 속성이 사용된 Anchor 객체의 컬렉션

 cells        ⓔ     <table> 에 포함된 <td><th> 태그의 HTMLElement 컬렉션
 children    ⓔ     html 문서에서 태그들의 포함관계에서 자식 객체의 컬렉션
 childNodes       DOM 의 특정노드에 포함된 자식 노들의 노드리스트 컬렉션
 elements         <Form>  태그의 내부에 사용되는는 입력양식 객체들의 컬렉션

 embeds           <embed> 태그의 HTMLElement 객체 컬렉션
 images            <img>   태그의 HTMLElement 객체 컬렉션
 filters      ⓔ      특정      태그의 style 속성에 사용한 필터객체의 컬렉션
 frames             <frame> 혹은 <iframe> 태그로 정의되는 프레임 컬렉션
 links                <a href=""> <area href="">태그로 정의되는 링크 컬렉션

 options          <select> 태그에 포함되는 <option> 태그의 컬렉션
 plugins          <embed>  태그로 만들어지는 멀티미디어 파일의 컬렉션
 scripts            <script> 태그로 만들어지는 스크립터 공간의 컬렉션
 stylesheets      <LINK> <STYLE> 태그로 만들어지는 스타일시트 컬렉션             
            
      ※  ⓔ 는 Explorer 에서만 지원되는 컬렉션.

  all 컬렉션.
    <html>
       <head><title> 제목 </title> </head>
        <body>
            <img src="../aa.gif">
        </body>
     </html>

  document.all[0]= <html>  document.all[1]= <head>
   document.all[2]= <title> document.all[3]= <body>
   document.all[4]= <img>
  
    ID 속성을 사용하면 Document 객체의 all 컬렉션을 이용해서
    특정 HTMLElement 객체을 참조할  수 있다.

    document.all[index]  document.all["name"]
     document.all("name") document.all.name     document.all["ID"]

                    --  Event 의 종류 --

  Abort            이미지를 읽어 들이는 일이 도중에 중단될 때 발생하는 이벤트
 BeforeCopy   글씨를 복사하기 위해서 오른쪽 마우스나 CTR+C를 누를 때 발생하는 이벤트
 BeforeCut      글씨를 잘라내기 위해서 오른쪽 마우스나 CTR+x를 누를 때 발생하는 이벤트
 beforePaste   글씨를 붙여넣기 위해서 오른쪽 마우스나 CTR+v를 누를 때 발생하는 이벤트
 
 AfterPrint         브라우저에서 인쇄 버튼을 클릭하면 인쇄영역이 활성화된 후에 발생
 BeforePrint      브라우저에서 인쇄 버튼을 클릭하면 인쇄영역이 활성화되기 전에 발생
 BeforeUnload   문서가 메모리에서 해제될 때  Unload 이벤트보다 일찍 발생하는 이벤트
 
 Blur             특정 객체로부터 포커스가 빠져나갈 때 발생하는 이벤트
 Change       입력양식에서 값이 바뀌게 되는 순간에 발생하는 이벤트
 Click           마우스로 특정 객체를 클릭할 때 발생하는 이벤트
 
 ContextMenu  팝업메뉴를 보기 위해 오른쪽 마우스를 클릭 할때 발생하는 이벤트
 Copy             팝업메뉴의 "복사" 항목을 누르거나 CTR+C를 누를 때 발생하는 이벤트
 Cut                팝업메뉴의 "잘라내기" 항목을 누르거나 CTR+x 를 누를 때 발생하는 이벤트
 DblClick          마우스를 더블클릭했을 때 발생하는 이벤트
 
 Drag            드래그 동안에 드래그를 시작한 객체에서 계속해서 발생하는 이벤트
 DragStart     드래그를 시작한 객체에서 최초에 발생되는 Dragstart 이벤트
 DragEnter    드래그 도중에 만나는 객체의 영역으로 들어가는 순간에 발생하는 이벤트
 DragOver     드래그 도중에 만나는 객체의 영역에서 계속해서  발생하는 이벤트
 DragLeave    드래그 도중에 만나는 객체의 영역에서 벗어나는 순간에 발생하는 이벤트
 DragEnd      드래그가 끝났을때 드래그를 시작한 객체에서 발생하는 Dragend 이벤트
 
 Drop             드래그가 끝났을때 드래그를 끝낸 객체에서 발생하는 Drop 이벤트
 Error             문서나 이미지를 Loading 하다가 에러가 발생할때 의 이벤트
 Focus           특정 객체가 포커스를 얻을 때 발생하는 이벤트

 KeyDown      키보드를 눌러서 글씨가 써지기 전에 최초의 순간에 발생하는 이벤트
 KeyPress      키보드를 눌러서 글씨가 써지기 직전에 발생하는 이벤트(Netscape는 최초)
 KeyUp           키보드를 떼어내는 순간에 발생하는 이벤트

 Load              window에 문서의 내용이 새롭게 Loading 되면 발생하는 이벤트
 Mousedown    문서영역의 특정 객체를 마우스로 누를 때 발생하는 이벤트
 MouseEnter     특정객체에  마우스가 들어오는 최초의 순간에 발생하는 이벤트

 MouseMove    문서영역의 특정 객체에서 마우스를 움직일 때 발생하는 이벤트
 MouseOut       문서영역의 특정 객체에서 마우스가 벗어날 때 발생하는 이벤트
 MouseOver     문서영역의 특정 객체 위에 마우스가 올려져 있을 때 발생하는 이벤트
 MouseUp        마우스 버튼을 뗐을 때 발생하는 이벤트
 MouseWheel   문서영역의 특정 객체에서 마우스휠을 움직일 때 발생하는 이벤트

 Move         윈도우, 프레임같은  객체를 움직이기 시작하는 순간에 발생하는 이벤트
 Paste        팝업메뉴의 "붙여넣기" 항목을 누르거나 CTR+x를 누를 때 발생하는 이벤트
 Reset        입력양식의 Reset 버튼을 눌러서 내용이 초기화될 때 발생하는 이벤트
 Resize       윈도우, 프레임 , HTMLElement 객체의 크기가 변경될 때 발생하는 이벤트

 Scroll          문서나 Textarea와 같은 객체에서 내용을 스크롤시킬 때 발생하는 이벤트
 Select         입력양식에 입력된 문자나 Option 객체를 선택했을 때 발생하는 이벤트
 SelectStart   문서 일부를 복사하기 위애 내용을 선택하는 최초의 순간에 발생하는 이벤트
 Submit        입력양식의 Submit 버튼을 눌러서 내용이 전송되기 직전에 발생하는 이벤트
 Unload        문서 정보가 메모리에서 해제되려는 순간에 발생하는 이벤트

---------------------------------------------------------------------

     Text 입력요소에 적용되는 IME-MODE의 속성값

active        IME-MODE를 활성화 시켜서 한글이 입력되도록  한다(한/영 변환키 사용가능).

inactive     IME-MODE를 불활성화 시켜서 영문이 입력되도록 한다(한/영 변환키 사용가능).

disabled    IME-MODE를 사용 할 수 없도록 하영 영문만 입력할 수 있는 상태로 만든다.

                 (한/영 변환키를 사용해도 한글 전환이 되지 않는다).

auto          기본값으로 현재 한/영 키의 상태로 입력되도록 한다.

<Explorer 5.5이상 전용>

     <input type="text" style="IME-MODE:active">


출처 : http://blog.naver.com/rakis77/70022030743

개체.getBoundingClientRect()
출력화면에 기준한 좌표체계를 돌려줌 속성으로 x, y가 있음
출력화면 기준으로인해 브라우저 스크롤의 경우 좌표가 꼬임
우회방법: 레이어의 스크롤을 하게되면 브라우저 스크롤의 좌표와는 상관없이 보여지는 개체의 정확한 위치가 잡아짐

개체.offsetLeft , Top..
내장개체에 position을 absolute를 먹이지 않는 이상 상위 개체의 내부여백의 영향으로 좌표에 문제가 생길 수 있음 (ex:body)
고로 부모의 offset을 체크할 필요가 생김

개체.className
개체에 설정된 스타일 클래스의 값을 돌려줌.

개체.getAttribute('속성명')
특정속성값을 가져옴(id 등 을 못 가져올때 사용)
참고로 id는 닷넷, DOM, HTML, JAVASCRIPT에서 약간씩 다른듯함

innerHtml ?
innerText (IE)
innerXml ?
outerHtml (IE)
outerText (IE)
outerXml ?
등이 존재..
자식포함 옵션도 존재
(조사필요)

document.elementFromPoint(x,y)
좌표체계에 기준을한 개체선택방법
아마도 최상위의 개체를 가져다줄듯함..
익스플로러 전용인듯함

document.createElement("태그명")
or document.createElement("<태그 속성=""....></태그>")
속성이 많아서 설정하기 귀찮을땐 후자를 추천

*요넘들과 함께 사용
개체.setAttribute('속성명','값')
개체.appendChild(자식개체)
개체.removeChild(자식개체)

개체.
부모찾기
개체.parentElement (IE)
자식찾기
개체.children (IE) <==덩어리
개체.childNodes <==덩어리
개체.childNodes[1] <==1+1번째자식
개체.firstChild
개체.lastChild

event.srcElement
이벤트를 일으킨 개체(IE)

parseInt(문자)
닷넷의 int.parse("")와 동일

getParentByAttr(개체,'name','value')
재귀적포함관계를 갖는 구조화된 개체의 부모를 찾기위해만듬
용도는 알아서..
        function getParentByAttr(sender, nm, vlu)
        {
            if(sender.parentElement!=null)
            {
                if(sender.parentElement.getAttribute(nm)==vlu)
                {
                    return sender.parentElement;
                }
                else
                {
                    return getParentByAttr(sender.parentElement, nm, vlu);
                }
            }
            else
            {
                return null;
            }
        }

1. 자바 스크립트 함수를 폼의 HTML 부분에 먼저 추가 해둡니다.

2. 버튼에 이벤트 핸들러를 추가합니다.

3. 이벤트 핸들러 함수에 다음을 추가합니다.

위 코드 두줄 중 하나만 쓰시면 원하는 결과를 얻으실 수 있습니다.

회색 글자 부분은 아무 값이나 넣으시면 되고, 빨간색 글자 부분에 스크립트 호출하는 코드를 넣으시면 됩니다. 빨간색 부분은 문자열이 그대로 사용되므로 자바스크립트 함수를 호출하려면 <script> ... </script> 블럭으로 감싸주셔야 합니다.

위 두 함수는 PostBack 시점에서 스크립트를 실행하기 위해서 사용합니다.

두 함수의 차이점은 RegisterClientScriptBlock 함수는 서버 Form 시작 부분의 바로 아래줄에 생성되고, RegisterStartupScript 함수는 서버 Form 닫히는 부분의 바로 윗줄에 생성됩니다.

관련내용출처 : http://nanobox.chipx86.com/blog/2006/04/easy-css-hacks-for-ie7.php

IE6 이하에 대해서는
* html { … } 와 같이 사용합니다.

IE7 이하에 대해서는
*:first-child+html { … } * html { … } 와 같이 HTML 을 선택합니다.
(두개 같이 쓰라는 말 같습니다)

IE7 에만 적용되게 하려면
*:first-child+html { … } 와 같이 HTML 을 선택합니다.

IE7 과 기타 최신의 브라우저를 위해서는 (IE6 제외)
html>body { … } 와 같이 body 를 선택합니다.

IE7 을 제외한 최신의 브라우저에는
html>/**/>body { … } 와 같이 body를 선택합니다.