Create Table

회사 일하기 전.. 셈플로다가 만들어 본...

귀차니즘으로 인한 찾기 어려움을 해결 하고자~
이렇게 등록합니다~ ㅎㅎㅎ
미워하지 마셔요~

ㅎㅎㅎㅎㅎ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script languege="javascript" type="text/javascript"> function fnCreate(obj){ try { //debugger; var table = document.getElementById("tbRoot"); if (document.getElementById("trComment_" + obj.parentElement.parentElement.id)) return; var row = document.createElement("tr"); row.id = "trComment_" + obj.parentElement.parentElement.id; var cell = document.createElement("td"); cell.colSpan = "2"; cell.appendChild(fnCreateCommnetTable(obj.parentElement.parentElement.id)); row.appendChild(cell); fnRemoveComment(); table.children[0].insertBefore(row, obj.parentElement.parentElement.nextSibling); } catch(ex){ alert(ex.message); } } function fnRemoveComment() { try { var table = document.getElementById("tbRoot"); var objs = table.children[0].getElementsByTagName("tr"); for (var i = 0; i < objs.length; i++) { if (objs[i].id.indexOf("trComment_") >= 0) { table.children[0].removeChild(objs[i]); } } } catch (ex) { alert(ex.message); } } function fnCreateCommnetTable(objId){ try { var newTable = document.createElement("table"); var newTbody = document.createElement("tbody"); var newRow = document.createElement("tr"); var newCell = document.createElement("td"); var textNick = document.createTextNode("NICK"); var textPass = document.createTextNode("PASS"); var txtNick = document.getElementById("txtNick").cloneNode(true); txtNick.id = txtNick.id + "_" + objId; var txtPass = document.getElementById("txtPwd").cloneNode(true); txtPass.id = txtPass.id + "_" + objId; var tbIcon = document.getElementById("tbIcon").cloneNode(true); tbIcon.id = tbIcon.id + "_" + objId; var txtCommnet = document.getElementById("txtComent").cloneNode(true); txtCommnet.id = txtCommnet.id + "_" + objId; var btnSave = document.getElementById("btnSave").cloneNode(true); btnSave.id = btnSave.id + "_" + objId; newCell.appendChild(textNick); newRow.appendChild(newCell); newCell = null; newCell = document.createElement("td"); newCell.appendChild(txtNick); newRow.appendChild(newCell); newCell = ""; newCell = document.createElement("td"); newCell.rowSpan = "2"; newCell.appendChild(tbIcon); newRow.appendChild(newCell); newCell = ""; newCell = document.createElement("td"); newCell.rowSpan = "2"; newCell.appendChild(txtCommnet); newRow.appendChild(newCell); newCell = ""; newCell = document.createElement("td"); newCell.rowSpan = "2"; newCell.appendChild(btnSave); newRow.appendChild(newCell); newTbody.appendChild(newRow); newRow = ""; newCell = ""; newRow = document.createElement("tr"); newCell = document.createElement("td"); newCell.appendChild(textPass); newRow.appendChild(newCell); newCell = ""; newCell = document.createElement("td"); newCell.appendChild(txtPass); newRow.appendChild(newCell); newTbody.appendChild(newRow); newTable.appendChild(newTbody); return newTable; } catch(ex){ alert(ex.message); } } function fnShowIcon(obj){ var divIcons = document.getElementById("divIcons"); //debugger; divIcons.style.display = "block"; divIcons.style.top = event.y; divIcons.style.left = event.x; } function fnSetIcon(obj) { document.getElementById("hfIcon").value = obj.ref; document.getElementById("imgDefault").src = obj.src; document.getElementById("divIcons").style.display = "none"; } function fnSave(obj) { var objId = obj.id.substring(obj.id.indexOf("_") + 1); document.getElementById("hfNick").value = document.getElementById("txtNick_" + objId).value; document.getElementById("hfPass").value = document.getElementById("txtPwd_" + objId).value; document.getElementById("hfIcon").value = document.getElementById("hfIcon").value ? document.getElementById("hfIcon").value : 1; document.getElementById("hfComment").value = document.getElementById("txtComent_" + objId).value; document.getElementById("hfCommentId").value = objId; alert(document.getElementById("hfNick").value); alert(document.getElementById("hfPass").value); alert(document.getElementById("hfIcon").value); alert(document.getElementById("hfComment").value); alert(document.getElementById("hfCommentId").value); } </script> <style type="text/css">.another_category { border: 1px solid #E5E5E5; padding: 10px 10px 5px; margin: 10px 0; clear: both; } .another_category h4 { font-size: 12px !important; margin: 0 !important; border-bottom: 1px solid #E5E5E5 !important; padding: 2px 0 6px !important; } .another_category h4 a { font-weight: bold !important; } .another_category table { table-layout: fixed; border-collapse: collapse; width: 100% !important; margin-top: 10px !important; } * html .another_category table { width: auto !important; } *:first-child + html .another_category table { width: auto !important; } .another_category th, .another_category td { padding: 0 0 4px !important; } .another_category th { text-align: left; font-size: 12px !important; font-weight: normal; word-break: break-all; overflow: hidden; line-height: 1.5; } .another_category td { text-align: right; width: 80px; font-size: 11px; } .another_category th a { font-weight: normal; text-decoration: none; border: none !important; } .another_category th a.current { font-weight: bold; text-decoration: none !important; border-bottom: 1px solid !important; } .another_category th span { font-weight: normal; text-decoration: none; font: 10px Tahoma, Sans-serif; border: none !important; } .another_category_color_gray, .another_category_color_gray h4 { border-color: #E5E5E5 !important; } .another_category_color_gray * { color: #909090 !important; } .another_category_color_gray th a.current { border-color: #909090 !important; } .another_category_color_gray h4, .another_category_color_gray h4 a { color: #737373 !important; } .another_category_color_red, .another_category_color_red h4 { border-color: #F6D4D3 !important; } .another_category_color_red * { color: #E86869 !important; } .another_category_color_red th a.current { border-color: #E86869 !important; } .another_category_color_red h4, .another_category_color_red h4 a { color: #ED0908 !important; } .another_category_color_green, .another_category_color_green h4 { border-color: #CCE7C8 !important; } .another_category_color_green * { color: #64C05B !important; } .another_category_color_green th a.current { border-color: #64C05B !important; } .another_category_color_green h4, .another_category_color_green h4 a { color: #3EA731 !important; } .another_category_color_blue, .another_category_color_blue h4 { border-color: #C8DAF2 !important; } .another_category_color_blue * { color: #477FD6 !important; } .another_category_color_blue th a.current { border-color: #477FD6 !important; } .another_category_color_blue h4, .another_category_color_blue h4 a { color: #1960CA !important; } .another_category_color_violet, .another_category_color_violet h4 { border-color: #E1CEEC !important; } .another_category_color_violet * { color: #9D64C5 !important; } .another_category_color_violet th a.current { border-color: #9D64C5 !important; } .another_category_color_violet h4, .another_category_color_violet h4 a { color: #7E2CB5 !important; } </style> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-4fb2134eb9cdb9acecc8280eec1e00c94f9f9316/static/style/revenue.css"/> <link rel="canonical" href="https://blog.angeleyes.kr/60"/>  <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://blog.angeleyes.kr/60","name":null},"url":"https://blog.angeleyes.kr/60","headline":"Create Table","description":"회사 일하기 전.. 셈플로다가 만들어 본... 귀차니즘으로 인한 찾기 어려움을 해결 하고자~ 이렇게 등록합니다~ ㅎㅎㅎ 미워하지 마셔요~ ㅎㅎㅎㅎㅎ test test","author":{"@type":"Person","name":"Angeleyes","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png","width":"800px","height":"800px"},"datePublished":"2009-01-28T15:42:03+09:00","dateModified":"2009-01-28T15:48:06+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}} </script>  <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-4fb2134eb9cdb9acecc8280eec1e00c94f9f9316/static/style/dialog.css"/> <link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-4fb2134eb9cdb9acecc8280eec1e00c94f9f9316/static/style/postBtn.css"/> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-4fb2134eb9cdb9acecc8280eec1e00c94f9f9316/static/style/comment.css"/> <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-4fb2134eb9cdb9acecc8280eec1e00c94f9f9316/static/style/tistory.css"/> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-4fb2134eb9cdb9acecc8280eec1e00c94f9f9316/static/script/common.js"></script> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-4fb2134eb9cdb9acecc8280eec1e00c94f9f9316/static/script/comment.js" defer=""></script> </head> <body> <input type="hidden" id="hfNick" /> <input type="hidden" id="hfPass" /> <input type="hidden" id="hfIcon" /> <input type="hidden" id="hfComment" /> <input type="hidden" id="hfCommentId" /> <table id="tbRoot" border="1"> <tr id="1"> <td>test</td> <td><input type="button" value="test" onclick="fnCreate(this)" /></td> </tr> <tr id="2"> <td>test</td> <td><input type="button" value="test" onclick="fnCreate(this)" /></td> </tr> </table> <div style="display:none"> <input type="text" id="txtNick" maxlength="10" /> <input type="password" id="txtPwd" maxlength="10" /> <table id="tbIcon" border="1" cellspacing="0" cellpadding="0" width="100%"> <tr> <td> <img id="imgDefault" src="http://www.bulletinboards.com/gif/smile.gif" border="0" /> </td> <td> <img src="http://www.google.co.kr/images/nav_logo4.png" border="0" width="15px" height="15px" style="cursor:pointer;" onclick="fnShowIcon(this)" /> </td> </tr> </table> <textarea id="txtComent" rows="3"></textarea> <input id="btnSave" type="button" value="save" onclick="fnSave(this);" /> </div> <div id="divIcons" style="position:absolute;display:none;border-style:solid;border-width:1px;background-color:White;padding:5px;" onmouseout="this.style.display='none';" onmouseover="this.style.display='block';" > <img src="http://www.bulletinboards.com/gif/smile.gif" border="0" style="cursor:pointer;" ref="1" onclick="fnSetIcon(this);" /> <img src="http://www.bulletinboards.com/gif/smile_big.gif" border="0" style="cursor:pointer;" ref="2" onclick="fnSetIcon(this);" /> <img src="http://www.bulletinboards.com/gif/smile_cool.gif" border="0" style="cursor:pointer;" ref="3" onclick="fnSetIcon(this);" /> <img src="http://www.bulletinboards.com/gif/smile_angry.gif" border="0" style="cursor:pointer;" ref="4" onclick="fnSetIcon(this);" /> </div> <div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-4fb2134eb9cdb9acecc8280eec1e00c94f9f9316/static/script/common.js"></script> <script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-4fb2134eb9cdb9acecc8280eec1e00c94f9f9316/static/script/shortcut.js"></script> <script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script> <script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script> <script>window.tiara = {"svcDomain":"user.tistory.com","section":"글뷰","trackPage":"글뷰_보기","page":"글뷰","key":"159497-60","customProps":{"userId":"0","blogId":"159497","entryId":"60","role":"guest","trackPage":"글뷰_보기","filterTarget":false},"entry":{"entryId":"60","entryTitle":"Create Table","entryType":"POST","categoryName":"Developer","categoryId":"71168","serviceCategoryName":null,"serviceCategoryId":null,"author":"169368","authorNickname":"Angeleyes","blogNmae":"Angeleyes","image":"","plink":"/60","tags":["Create Table","insertAfter","JavaScript","layer position"]},"kakaoAppKey":"3e6ddd834b023f24221217e370daed18","appUserId":"null"}</script> <script type="module" src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index.js"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/polyfills-legacy.js" nomodule="true" defer="true"></script> <script src="https://t1.daumcdn.net/tistory_admin/frontend/tiara/v1.0.5/index-legacy.js" nomodule="true" defer="true"></script> </body> </html>

저작자표시 비영리 변경금지

'Developer' 카테고리의 다른 글

IIS 7.0 아키텍쳐로 변경 인해 IIS6.0에서 사용하던 코드는 수정이 필요(인증부분) (0)	2009.01.30
MSSQL 2008 Server의 새로운 기능 및 등등등... (0)	2009.01.30
HTML Mailto Protocol (0)	2009.01.21
Xml Xslt Transform with C# (0)	2009.01.13
Xml Xslt Transform with Javascript (0)	2009.01.13

Create Table

'Developer' 카테고리의 다른 글

'Developer' Related Articles

티스토리툴바