{"id":1521,"date":"2007-05-25T06:17:09","date_gmt":"2007-05-25T06:17:09","guid":{"rendered":"http:\/\/dev.jblove.net\/?p=1521"},"modified":"2007-05-25T06:17:09","modified_gmt":"2007-05-25T06:17:09","slug":"%eb%9d%bc%ec%9a%b4%eb%93%9c-%eb%b0%95%ec%8a%a4%ec%85%8b","status":"publish","type":"post","link":"https:\/\/jblove.net\/?p=1521","title":{"rendered":"\ub77c\uc6b4\ub4dc \ubc15\uc2a4\uc14b"},"content":{"rendered":"<p><!DOCTYPE HTML PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" ><br \/>\n<html><\/p>\n<p><script type=\"text\/JavaScript\" language=\"JavaScript\"><br \/>\nfunction jjArrayMap(arr) {<br \/>\n\tvar Str = \"array(<br \/>\n\";<br \/>\n\tfor(var key in arr) {<br \/>\n\t\tStr += \"[\"+key+\"] => \"+arr[key]+\"<br \/>\n\";<br \/>\n\t}<br \/>\n\treturn Str<br \/>\n}<\/p>\n<p>function jjCircleInit(ratio,border,rtnArr)<br \/>\n{<br \/>\n\tvar x, y, thres;<\/p>\n<p>\tif( ratio == 0 ) return [0,0];<\/p>\n<p>\tif(!rtnArr) {<br \/>\n\t\tvar i,j;<br \/>\n\t\trtnArr = [];<br \/>\n\t\tfor(i=0,j=(ratio+border-2); i<=j; i++) {<br \/>\n\t\t\trtnArr[i] = [1000,0];<br \/>\n\t\t}<br \/>\n\t}<\/p>\n<p>\ty = ratio -1;<br \/>\n\tthres = -3 - (ratio + ratio);<\/p>\n<p>\tfor(x=0; x < y; x++) {<br \/>\n\t\tif( thres < 0 ) thres += 6 + (x << 2);<br \/>\n\t\telse {<br \/>\n\t\t\tthres += 10 + ((x - y) << 2);<br \/>\n\t\t\ty--;<br \/>\n\t\t}<\/p>\n<p>\t\trtnArr = jjCircleBorder(rtnArr, x, ratio + border - y - 2);<br \/>\n\t\trtnArr = jjCircleBorder(rtnArr, y, ratio + border - x - 2);<br \/>\n\t}<\/p>\n<p>\tborder--;<br \/>\n\tif(border > 0) rtnArr = jjCircleInit(ratio+1,border,rtnArr);<\/p>\n<p>\treturn rtnArr;<br \/>\n}<\/p>\n<p>function jjCircleBorder(rtnArr, x, y)<br \/>\n{<br \/>\n\tif(!rtnArr[y]) rtnArr[y] = [100, 0];<\/p>\n<p>\tif(rtnArr[y][0] > x) rtnArr[y][0] = x;<br \/>\n\tif(rtnArr[y][1] < x) rtnArr[y][1] = x;\n\n\n\treturn rtnArr;<br \/>\n}<\/p>\n<p>function jjRoundBoxInit(Obj, objRound, objBorder, objBorderColor, objFill)<br \/>\n{<br \/>\n\tobjRound = parseInt(objRound);<br \/>\n\tobjBorder = parseInt(objBorder);<\/p>\n<p>\tvar margin = jjCircleInit(objRound,objBorder);<br \/>\n\tvar piece;<\/p>\n<p>\tvar topSet = document.createElement('DIV');<\/p>\n<p>\tfor(var key in margin) {<br \/>\n\t\tpiece = document.createElement('DIV');<\/p>\n<p>\t\tvar marginLeft = objRound + objBorder - margin[key][1] -2;<br \/>\n\t\tpiece.style.margin = '0px '+ marginLeft +'px';<\/p>\n<p>\t\tvar borderWidth = margin[key][1] - margin[key][0] +1;<br \/>\n\t\tpiece.style.borderLeft  = borderWidth +'px solid';<br \/>\n\t\tpiece.style.borderRight = borderWidth +'px solid';<\/p>\n<p>\t\tpiece.style.borderColor = objBorderColor;<br \/>\n\t\tpiece.style.backgroundColor = (margin[key][0] == 0 ? objBorderColor : objFill);<br \/>\n\t\tpiece.style.height = '1px';<br \/>\n\t\tpiece.style.overflow = 'hidden';<\/p>\n<p>\t\ttopSet.appendChild(piece);<br \/>\n\t}<\/p>\n<p>\tvar botSet = document.createElement('DIV');<\/p>\n<p>\tfor(var i=topSet.childNodes.length - 1; i>=0; i--) {<br \/>\n\t\tbotSet.appendChild(topSet.childNodes[i].cloneNode(true));<br \/>\n\t}<\/p>\n<p>\tvar content = document.createElement('DIV');<br \/>\n\tcontent.style.borderLeft  = objBorderColor +' '+ borderWidth +'px solid';<br \/>\n\tcontent.style.borderRight = objBorderColor +' '+ borderWidth +'px solid';<br \/>\n\tcontent.style.backgroundColor = objFill;<br \/>\n\tcontent.style.padding = '0px '+objRound+'px';<br \/>\n\tcontent.innerHTML = Obj.innerHTML;<\/p>\n<p>\tObj.innerHTML = ''           <br \/>\n\tObj.appendChild(topSet);<br \/>\n\tObj.appendChild(content);<br \/>\n\tObj.appendChild(botSet);<br \/>\n}<br \/>\n<\/script><br \/>\n<body><br \/>\n\ub77c\uc6b4\ub4dc \ubc15\uc2a4\uc14b \ubaa8\uc74c<BR \/><br \/>\n<BR \/><br \/>\nSample 1<\/p>\n<div id=r10b1ffff>\n\tjjRoundBoxInit(document.getElementById(&#8216;r10b1ffff&#8217;), 10, 1, &#8216;#e88&#8217;, &#8216;#eee&#8217;);\/\/Object, round, border, fill\n<\/div>\n<p>\n<script type=\"text\/JavaScript\" language=\"JavaScript\"><br \/>\njjRoundBoxInit(document.getElementById('r10b1ffff'), 10, 1, '#e88', '#eee');\/\/Object, round, border, fill<br \/>\n<\/script><\/p>\n<p>Sample 2<\/p>\n<div id=r10b10ffff>\n\tjjRoundBoxInit(document.getElementById(&#8216;r10b10ffff&#8217;), 10, 10,&#8217;#e88&#8242;, &#8216;#eee&#8217;);\/\/Object, round, border, fill\n<\/div>\n<p>\n<script type=\"text\/JavaScript\" language=\"JavaScript\"><br \/>\njjRoundBoxInit(document.getElementById('r10b10ffff'), 10, 10,'#e88', '#eee');\/\/Object, round, border, fill<br \/>\n<\/script><\/p>\n<p>Sample 3<\/p>\n<div id=r5b10ffff>\n\tjjRoundBoxInit(document.getElementById(&#8216;r5b10ffff&#8217;), 5, 10,&#8217;#e88&#8242;, &#8216;#eee&#8217;);\/\/Object, round, border, fill\n<\/div>\n<p>\n<script type=\"text\/JavaScript\" language=\"JavaScript\"><br \/>\njjRoundBoxInit(document.getElementById('r5b10ffff'), 5, 10,'#e88', '#eee');\/\/Object, round, border, fill<br \/>\n<\/script><\/p>\n<p>Sample 4<\/p>\n<div id=r20b10ffff>\n\tjjRoundBoxInit(document.getElementById(&#8216;r20b10ffff&#8217;), 20, 10,&#8217;#e88&#8242;, &#8216;#eee&#8217;);\/\/Object, round, border, fill\n<\/div>\n<p>\n<script type=\"text\/JavaScript\" language=\"JavaScript\"><br \/>\njjRoundBoxInit(document.getElementById('r20b10ffff'), 20, 10,'#e88', '#eee');\/\/Object, round, border, fill<br \/>\n<\/script><\/p>\n<p>Sample 5<\/p>\n<div id=r20b20ffff>\n\tjjRoundBoxInit(document.getElementById(&#8216;r20b20ffff&#8217;), 20, 20,&#8217;#e88&#8242;, &#8216;#eee&#8217;);\/\/Object, round, border, fill\n<\/div>\n<p>\n<script type=\"text\/JavaScript\" language=\"JavaScript\"><br \/>\njjRoundBoxInit(document.getElementById('r20b20ffff'), 20, 20,'#e88', '#eee');\/\/Object, round, border, fill<br \/>\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ub77c\uc6b4\ub4dc \ubc15\uc2a4\uc14b \ubaa8\uc74c Sample 1 jjRoundBoxInit(document.getElementById(&#8216;r10b1ffff&#8217;), 10, 1, &#8216;#e88&#8217;, &#8216;#eee&#8217;);\/\/Object, round, border, fill Sample 2 jjRoundBoxInit(document.getElementById(&#8216;r10b10ffff&#8217;), 10, 10,&#8217;#e88&#8242;, &#8216;#eee&#8217;);\/\/Object, round, border, fill Sample 3 jjRoundBoxInit(document.getElementById(&#8216;r5b10ffff&#8217;), 5, 10,&#8217;#e88&#8242;, &#8216;#eee&#8217;);\/\/Object, round, border, fill Sample 4 jjRoundBoxInit(document.getElementById(&#8216;r20b10ffff&#8217;), 20, 10,&#8217;#e88&#8242;, &#8216;#eee&#8217;);\/\/Object, round, border, fill Sample 5 jjRoundBoxInit(document.getElementById(&#8216;r20b20ffff&#8217;), 20, 20,&#8217;#e88&#8242;, &#8216;#eee&#8217;);\/\/Object, round, border, fill<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[51],"tags":[],"class_list":["post-1521","post","type-post","status-publish","format-standard","hentry","category-papa-php"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/posts\/1521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1521"}],"version-history":[{"count":0,"href":"https:\/\/jblove.net\/index.php?rest_route=\/wp\/v2\/posts\/1521\/revisions"}],"wp:attachment":[{"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jblove.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}