{"id":539,"date":"2024-04-15T08:10:39","date_gmt":"2024-04-14T23:10:39","guid":{"rendered":"http:\/\/inwelly.com\/?p=539"},"modified":"2024-04-22T06:09:04","modified_gmt":"2024-04-21T21:09:04","slug":"javascript-div-%ed%8c%9d%ec%97%85%ec%b0%bd-%ec%9d%b4%eb%8f%99-%eb%8b%ab%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/inwelly.com\/?p=539","title":{"rendered":"JAVASCRIPT DIV \ud31d\uc5c5\ucc3d \uc774\ub3d9 , \ub2eb\uae30"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>&lt;script>\n \/\/\ub808\uc774\uc5b4 \uc774\ub3d9\n var oleft = otop = mact = null;\n nleft = 10;\n ntop = 10;\n \/\/\ub9c8\uc6b0\uc2a4 \uc561\uc158\n\n function ckmouse(e){\n  if(e == 1){\n   oleft = event.x + document.body.scrollLeft - nleft;\n   otop = event.y + document.body.scrollTop - ntop;\n   mact = 1;\n  }else if(e == 2){\n   nleft = event.x + document.body.scrollLeft - oleft;\n   ntop = event.y + document.body.scrollTop - otop;\n   mact = null;\n  }else if(e == 3 &amp;&amp; event.button == 1 &amp;&amp; mact){\n   document.getElementById('layer').style.left = event.x + document.body.scrollLeft - oleft;\n   document.getElementById('layer').style.top = event.y + document.body.scrollTop - otop;\n   nleft = event.x + document.body.scrollLeft - oleft;\n   ntop = event.y + document.body.scrollTop - otop;\n  }\n   return;\n }\n&lt;\/script>\n\n&lt;div id='layer' style='position:absolute;left:10; top:10;display:none;'>\n\n&lt;table width='300' cellspacing='0' cellpadding='3' style='border:1 solid black' style='font-size:12px;font-family:\uace0\ub515\uccb4;'>\n\n&lt;tr bgcolor='silver' height='17' onmousedown='ckmouse(1);' onmouseup='ckmouse(2)' onmousemove='ckmouse(3, \"layer\");' style='cursor=move'>\n\n&lt;td align='center' width='100%'>\uacf5\uc9c0\uc0ac\ud56d&lt;\/td>&lt;td width='10px' align='right'>&lt;a href=\"javascript:\" onclick=\"document.getElementById('layer').style.display='none'\" style='color:black;text-decoration:none;'>\u25a0&lt;\/a>&lt;\/td>\n\n&lt;\/tr>&lt;tr>\n\n&lt;td colspan='2' align='center'>12121212\n121212121212341234124asfasfasfasfasfasfasfaeaweafafe\nafasfdasf&lt;br>&lt;br>&lt;\/td>\n\n&lt;\/tr>\n\n&lt;\/table>\n\n&lt;\/div>\n\n&lt;a href='#' onclick=\"document.getElementById('layer').style.display='block'\">Show&lt;\/a><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1279,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-539","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"_links":{"self":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=539"}],"version-history":[{"count":1,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/539\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/posts\/539\/revisions\/540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=\/wp\/v2\/media\/1279"}],"wp:attachment":[{"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inwelly.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}