ȨÀ¸·Î
| ¹«·áȸ¿ø°¡ÀÔ | ¾ÆÀ̵ð/ºñ¹øÃ£±â
ÃßõÀ½¾Ç¹æ¼Û
±âÁ¸Å×À̺íÀ» ¸ð¼­¸®°¡ µÕ±Ù Å×À̺í·Î ÀÚµ¿º¯È¯
16³â Àü
½ºÅ©¸³Æ® ¼Ò½º´Â ´ÙÀ½°ú °°½À´Ï´Ù.
<script>
function roundTable(objID) {
       var obj = document.getElementById(objID);
       var Parent, objTmp, Table, TBody, TR, TD;
       var bdcolor, bgcolor, Space;
       var trIDX, tdIDX, MAX;
       var styleWidth, styleHeight;

       // get parent node
       Parent = obj.parentNode;
       objTmp = document.createElement('SPAN');
       Parent.insertBefore(objTmp, obj);
       Parent.removeChild(obj);

       // get attribute
       bdcolor = obj.getAttribute('rborder');
       bgcolor = obj.getAttribute('rbgcolor');
       radius = parseInt(obj.getAttribute('radius'));
       if (radius == null || radius < 1) radius = 1;
       else if (radius > 6) radius = 6;

       MAX = radius * 2 + 1;
      
       /*
              create table {{
       */
       Table = document.createElement('TABLE');
       TBody = document.createElement('TBODY');

       Table.cellSpacing = 0;
       Table.cellPadding = 0;

       for (trIDX=0; trIDX < MAX; trIDX++) {
              TR = document.createElement('TR');
              Space = Math.abs(trIDX - parseInt(radius));
              for (tdIDX=0; tdIDX < MAX; tdIDX++) {
                     TD = document.createElement('TD');
                    
                     styleWidth = '1px'; styleHeight = '1px';
                     if (tdIDX == 0 || tdIDX == MAX - 1) styleHeight = null;
                     else if (trIDX == 0 || trIDX == MAX - 1) styleWidth = null;
                     else if (radius > 2) {
                            if (Math.abs(tdIDX - radius) == 1) styleWidth = '2px';
                            if (Math.abs(trIDX - radius) == 1) styleHeight = '2px';
                     }

                     if (styleWidth != null) TD.style.width = styleWidth;
                     if (styleHeight != null) TD.style.height = styleHeight;

                     if (Space == tdIDX || Space == MAX - tdIDX - 1) TD.style.backgroundColor = bdcolor;
                     else if (tdIDX > Space && Space < MAX - tdIDX - 1)  TD.style.backgroundColor = bgcolor;
                    
                     if (Space == 0 && tdIDX == radius) TD.appendChild(obj);
                     TR.appendChild(TD);
              }
              TBody.appendChild(TR);
       }

       /*
              }}
       */

       Table.appendChild(TBody);
      
       // insert table and remove original table
       Parent.insertBefore(Table, objTmp);
}
</script>

»ç¿ë¹ý)
Å×ÀÌºí¿¡ ¾ÆÀ̵ðűװ¡ ÀÖ¾î¾ß ÇÕ´Ï´Ù.
Àü Çѹø º¯È¯ÇÏ´Â°Ô ¸î°³ ¾ÈµÇ¾î¼­ ¾ÆÀ̵𸦠ÀÔ·Â¹Þ¾Æ ÇÔ¼ö¸¦ ½ÇÇàÇϵµ·Ï ÇßÁö¸¸, ¸¸¾à ¸¹Àº ¾çÀ» ÇѲ¨¹ø¿¡ º¯È¯ÇؾßÇÒ °æ¿ì¿¡´Â ÇÔ¼ö¸¦ º¯°æÇؼ­ »ç¿ëÇϽñ⠹ٶø´Ï´Ù. ^^

À§ ½ºÅ©¸³Æ®¸¦ HTML¹®¼­¿¡ Æ÷ÇÔÇϰí(´ç¿¬È÷...),
roundTable(Å×À̺íÀÇ ¾ÆÀ̵ð¹®ÀÚ¿­);
ó·³ ÇÔ¼ö¸¦ ½ÇÇà½ÃŰ½Ã¸é µË´Ï´Ù.
´Ü, ÀÌ ¶§ ¿ø·¡ÀÇ Å×ÀÌºí¿¡¼­ raidus(µÕ±Ù Á¤µµ) °ª°ú Å׵θ®¿Í ¹è°æ»öÀÇ »ö»ó°ªÀ» ÁöÁ¤Çϵµ·Ï µÇ¾îÀÖ½À´Ï´Ù.

int radius : µÕ±Ù Á¤µµÀÔ´Ï´Ù. °¡´ÉÇÑ °ªÀº 1 <= radius<= 6 ÀÔ´Ï´Ù. radius ¸¦ °è»êÇÏ´Â ºÎºÐÀÇ ±ÔÄ¢À» Àß ¸ô¶ó¼­ ¿ì¼±Àº ÇÑÁ¤½ÃÄѳù½À´Ï´Ù. ³ªÁß¿¡ ¸ð¼­¸® Çȼ¿À» Á¦´ë·Î ±¸ÇÒ ¼ö ÀÖ°Ô µÇ¸é ¹üÀ§¸¦ ¼öÁ¤ÇϰڽÀ´Ï´Ù.

string rborder : Å׵θ®ÀÇ »ö»ó°ª. #FFFFFF ¿Í °°Àº 16Áø¼ö »ö»ó°ª°ú white ¿Í °°Àº »ö»óÁö½Ã¹®ÀÚ¿­ ¸ðµÎ »ç¿ë°¡´É.
string rbgcolor : ¶ó¿îµåÅ×À̺íÀÇ ¹è°æ»ö. ¹è°æ»öÀº ¶ó¿îµå Å×À̺í Å׵θ® ¼± ¾ÈÂÊÀÇ »ö»óÀ» ¸»ÇÏ´Â °ÍÀÔ´Ï´Ù. rborder¿Í ¸¶Âù°¡Áö·Î 16Áø¼ö »ö»ó°ª°ú »ö»óÁö½Ã¹®ÀÚ¿­ ¸ðµÎ »ç¿ë°¡´ÉÇÕ´Ï´Ù.

¿¹)
<table id="ta" width="300" height="150" border="0" radius="3" rborder="#999999" rbgcolor="#F8F8F8">
<tr>
       <td>1</td>
       <td>1</td>
</tr>
<tr>
       <td colspan="2">Å×½ºÆ®</td>
</tr>
</table>
<script>roundTable("ta");</script>

ÀÚ¼¼ÇÑ °ÍÀº ¸µÅ©¸¦ ÂüÁ¶ÇÏ½Ã¸é µË´Ï´Ù.

ºê¶ó¿ìÀú Á¤º¸)
Internet Explorer 5.0 and later
Mozilla 1.5
Firebird 0.6 ÇÑ±ÛÆÇ
Netscapce Navigator 7

À§ÀÇ µÎ ºê¶ó¿ìÀú¿¡¼­´Â Á¦°¡ Å×½ºÆ®ÇغýÀ´Ï´Ù. ´Ù¸¥ ºê¶ó¿ìÀú¿¡¼­µµ ÀÛµ¿ÀÌ ÀßµÇ¸é ¸»¾¸ÇØÁֽñ⠹ٶø´Ï´Ù. (ÀÌ ºÎºÐÀº °è¼Ó ¾÷µ¥ÀÌÆ® µË´Ï´Ù)
ÃßõÃßõ : 199 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
3,046
 Vimeo (ºñ¸Þ¿À) API ¸¦ »ç¿ëÇÏ¿© Ç÷¹À̾î ÄÁÆ®·ÑÇϱâ
3,045
 iframe »ç¿ë½Ã ÇÏ´Ü¿¡ ¹ß»ýÇÏ´Â °ø¹é Á¦°Å¹æ¹ý
3,044
 ¾ÆÀÌÇÁ·¹ÀÓ(iframe) Àüüȭ¸é °¡´ÉÇÏ°Ô Çϱâ
3,043
 ºÎÆ®½ºÆ®·¦(bootstrapk)¿¡¼­ »ç¿ëÇÏ´Â class¸í Á¤¸®
3,042
 ºÎÆ®½ºÆ®·¦ CSS
3,041
 Å©·Ò¿¡¼­ ¸¶Áø Á¶Àý
3,040
 PHP ÇöÀç ÆäÀÌÁöÀÇ µµ¸ÞÀθíÀ̳ª urlµîÀÇ Á¤º¸ ¾Ë¾Æ¿À±â
3,039
 PHP preg match all()
3,038
 PHP ·Î À¥ÆäÀÌÁö ±Ü¾î¿À±â ¸ðµç ¹æ¹ý ÃÑÁ¤¸®!
3,037
 [PHP] ¿ø°ÝÁö ÆÄÀÏ ÁÖ¼Ò ³ëÃâ ¾ÈÇϰí curl·Î ´Ù¿î·Îµå ¹Þ±â
3,036
 PHP ÇÔ¼ö Á¤¸®
3,035
 ¾ÆÀÌÇÁ·¹ÀÓ(iframe) ºñÀ² À¯ÁöÇϸ鼭 Å©±â Á¶ÀýÇÏ´Â ¹æ¹ý
3,034
 PHP ¹è¿­¿¡¼­ ¹«ÀÛÀ§·Î Çϳª »Ì¾ÆÁÖ´Â array rand() ÇÔ¼ö
3,033
 PHP Á¤±Ô½Ä Á¤¸®
3,032
 PHP Á¤±Ô½ÄÀ» Ȱ¿ëÇÑ ÅÂ±× ¹× ƯÁ¤ ¹®ÀÚ¿­ Á¦°Å ¹× ÃßÃâ ¹æ¹ý
3,031
 php Å©·Ñ¸µ ¶Ç´Â ÆÄ½Ì ÇÔ¼ö, Á¤±Ô½Ä ¸ðÀ½
3,030
 Á¦ÀÌÄõ¸® ±âº» ¸í·É¾î
3,029
 À¥ÆäÀÌÁö °¡·Î ¸ðµå¼¼·Î ¸ðµå ÀνÄÇϱâ
3,028
 ¸ð¹ÙÀÏ À¥ È­¸é °­Á¦ ȸÀü(°¡·Î¸ðµå °íÁ¤)
3,027
 [HTML5]¿¡¼­ frameset ´ëü ¹æ¹ý°ú iframe ¼Ó¼º
3,026
 HTML <Audio> »ç¿ë¹ý
3,025
 À©µµ¿ì10 ½Ã½ºÅÛÆÄÀÏ ¼Õ»ó (Ãʰ£´Ü ¿À·ù º¹±¸¹æ¹ý!!)
3,024
 PHP ÆÄÀÏ Á¸Àç ¿©ºÎ ÆÄ¾ÇÇϱâ(·ÎÄà ÆÄÀÏ Á¸Àç ¹× ¿ø°ÝÁö ÆÄÀÏ Á¸Àç)
3,023
 [CSS] ¹Ú½º ¼¼·Î °¡¿îµ¥ Áß¾Ó Á¤·Ä 6°¡Áö
3,022
 CSS Layout ¼öÆò & ¼öÁ÷ Á¤·Ä
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§
Copyright (C) musictrot All rights reserved.