## ÀÌ ÆÁÀº ¾Æ·¡¸µÅ© ¿ìºñ¼Ò³â¸í±¹´ÔÀÇ ÆÁÀ» show/hide ·¹ÀÌ¾î ¹æ½ÄÀ¸·Î ¼öÁ¤ÇÑ °Í¿¡ ºÒ°úÇϸç
¿øº»¼Ò½º¿¡ ´ëÇÑ ¸ðµç ±Ç¸®´Â ¿ìºñ¼Ò³â¸í±¹´Ô²² ÀÖÀ½À» ¾Ë·Áµå¸³´Ï´Ù.
http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&page=2&sn1=&divpage=1&sn=off&ss=on&sc=off&select_arrange=headnum&desc=asc&no=4405
(¼Ò½ºÁß ÀúÀÛ±Ç ºÎºÐÀº ÀÏü ¼Õ´ëÁö ¾Ê¾Ò½À´Ï´Ù.)
## show/hide ·¹ÀÌ¾î ¼Ò½º´Â ¹Ì´ÏÀ§´ÏÀÇ À§Âê´Ô²²¼ ¸¸µå½Å °ÍÀ» »ç¿ëÇß½À´Ï´Ù.
Àú´Â Æ˾÷ À©µµ¸¦ º´ÀûÀ¸·Î ½È¾îÇÏ´Â °ü°è·Î ȨÇÇ¿¡¼ Æ˾÷ÀÌ ÇÊ¿äÇÑ ´ëºÎºÐÀÇ °æ¿ì¿¡ ·¹À̾
»ç¿ëÇÏ°í ÀÖ½À´Ï´Ù. ·¹À̾îÀÇ ÀåÁ¡À̶ó¸é âÀ» ´Ý´Â ¹ø°Å·Î¿òÀÌ ¾ø´Ù´Â °ÅÁÒ. (±ÍÂ÷´ÏÁò-_-;;)
»ç¿ëÇÑ ¼Ò½º´Â ¸í±¹´ÔÀÇ 20030716_02_39 ¹öÀü ¼Ò½ºÀÔ´Ï´Ù.
±âÁ¸¿¡ ¸í±¹´ÔÀÇ ¼Ò½º¸¦ Àû¿ëÇϽŠºÐµéÀº ÀÌ ÆÄÀϵéÀ» ±×´ë·Î µ¤¾î¾²½Ã¸é ¾ÈµË´Ï´Ù.
Á¦°¡ ÆíÀÇ»ó ÀÓÀÇ·Î º¯°æÇÑ ºÎºÐÀÌ Àְŵç¿ä. ¹ø°Å·ÓÁö¸¸ ¼öÀÛ¾÷ÀÌ ÇÊ¿äÇÕ´Ï´Ù. (Á˼Û;;;;)
## º¯°æÇÑ ºÎºÐ
1) Å×ÀÌºí ¸íÀ» scrapbook ¸¦ clip ·Î
2) ÇʵåÁß mem_no ¸¦ member_no ·Î
3) ÆÄÀϸí scrapbook.php ·Î clip.php ·Î
## ÁÖÀÇ»çÇ×
Á¦·Îº¸µå µð·ºÀÌ bbs¶ó°í °¡Á¤Çß½À´Ï´Ù.
µð·ºÀ̸§ÀÌ bbs°¡ ¾Æ´ÑºÐÀº ÀÚ½ÅÀÇ µð·º¸í¿¡ ¸Â°Ô ¾Æ·¡ ¼Ò½ºÁß ÀϺθ¦ ¼öÁ¤ÇØ ÁÖ¼¼¿ä.
###########################################
## ·¹ÀÌ¾î ¹æ½Ä Ŭ¸³(½ºÅ©·¦)Çϱâ###################
###########################################
1) ¸í±¹´ÔÀÇ ÆÁ °Ô½Ã¹°À» Âü°íÇϼż clip.php, dd_add.php, blank.html¸¦ Á¦·Îº¸µå µð·º¿¡ ¾÷·Îµå ÇϽðí Å×À̺íÀ» »ý¼ºÇϼ¼¿ä. ÷ºÎµÈ À̹ÌÁö ÆÄÀϵéÀº Á¦·Îº¸µå µð·ºÀÇ imagesµð·º¿¡ ³Ö¾îÁֽñ⠹ٶø´Ï´Ù.
2) ÀÌÁ¦ ·¹À̾ ³Ö¾î¾ß ÇÕ´Ï´Ù. ¾Æ¿ô·Î±×ÀÎÀÌ µîÀåÇÏ´Â(Ŭ¸³ ±â´ÉÀÌ »ç¿ëµÇ´Â) ¸ðµç ÆäÀÌÁöÀÇ Çì´õ³ª DzÅÍ¿¡ ´ÙÀ½À» »ðÀÔÇÕ´Ï´Ù.(Àú´Â DzÅÍ ¸Ç³¡ÀÇ </body> ¹Ù·Î ¾Õ¿¡ ³Ö¾ú½À´Ï´Ù.) Çì´õ DzÅ͸¦ ÀÌ¿ëÇÑ ³ëÇÁ·¹ÀÓÀÇ °æ¿ì°¡ ¾Æ´Ñ ÆäÀÌÁö, Áï bbsµð·º º¸´Ù ÇÑ ´Ü°è »óÀ§¿¡ ÀÖ´Â À妽ºÆäÀÌÁö¿¡ ÀÌ ¼Ò½º¸¦ ³ÖÀ»¶§´Â °æ·Î¸¦ ¼öÁ¤ÇØ¾ß ÇÏ´Â °Í ¾Æ½ÃÁÒ? ¿¹) /images/list_line.gif -> /bbs/images/list_line.gif
<!--Ŭ¸³½ÃÀÛ-->
<div align=center id=show class=clippop bgcolor=white>
<iframe name=clip class=clipifr src=blank.html scrolling=no frameborder=0></iframe>
<table width=350 border=0 cellpadding=0 cellspacing=0>
<tr heigh=1>
<td background=/images/list_line.gif></td>
</tr>
<tr height=20 bgcolor=white>
<td align=right valign=middle class=t8b-1_4a4d4a><a href='blank.html' target=clip onclick='showclip()'>Window close</a> </td>
</tr>
</table>
</div>
<!--Ŭ¸³Á¾·á-->
//·¹À̾ ºÒ·¯¿Ã¶§, ·¹À̾ ´ÝÀ»¶§ blank.htmlÀ» ·ÎµùÇÏ´Â °ÍÀº Æ®·¡ÇÈÀ» Á¦·Î·Î ¸¸µé±â À§ÇÑ ²Ç¼öÀÔ´Ï´Ù.
3) ½ºÅ²ÆÄÀÏÁß view.php ÀÇ Àû´çÇÑ ºÎºÐ¿¡ °Ô½Ã¹°À» Ŭ¸³ÇÏ´Â ¼Ò½º¸¦ ³Ö½À´Ï´Ù.
<? if($member[no]) { ?><a href="clip.php?exec=input&board_id=<?=$id?>&article_subject=<?=$data[suject]?>&article_no=<?=$no?>" onClick='showclip()' target=clip>Ŭ¸³Çϱâ</a><? } ?>
4) ¾Æ¿ô·Î±ä ½ºÅ²Áß logged.html ¿¡´Â Ŭ¸³ ·¹À̾ ¶ç¿ì´Â ¼Ò½º¸¦ ³Ö½À´Ï´Ù.
<a href='clip.php' target=clip onclick='showclip()'>³»°¡ Ŭ¸³ÇÑ °Ô½Ã¹° º¸±â</a>
5) ¼Ò½º°¡ µé¾î°¡´Â ÆäÀÌÁö¿¡ Àû¿ëÇØÁÙ ÀÚ¹Ù½ºÅ©¸³Æ®¿Í CSS´Â ´ÙÀ½°ú °°½À´Ï´Ù.
## ÀÚ¹Ù½ºÅ©¸³Æ® ##
function showclip(){
if(navigator.appName != "Netscape"){
if(document.all['show'].style.visibility == "visible")
document.all['show'].style.visibility = "hidden";
else
document.all['show'].style.visibility = "visible";
}
if(navigator.appName == "Netscape"){
if(document.layers['show'].visibility == "showclip")
document.layers['show'].visibility = "hide";
else
document.layers['show'].visibility = "showclip";
}
}
(ÁÖÀÇ : js ÆÄÀÏ¿¡ ÷°¡ÇÒ¶§´Â ÀÌ ½ºÅ©¸³Æ® ±×´ë·Î Ä«ÇÇÇØ ³ÖÀ¸¸é µË´Ï´Ù¸¸, head »çÀÌ¿¡ ³ÖÀ»¶§´Â ÀÌ ½ºÅ©¸³Æ® ¾ÕµÚ¿¡ <script language=JavaScript></script>·Î ¹¾îÁÖ¾î¾ß ÇÕ´Ï´Ù.
## CSS ##
.clippop {width:350px;height:250px;position:absolute;top:270px;border:2px solid #8C8C8C;left:expression(document.body.clientWidth-400);z-index:500;visibility:hidden;}
.clipifr {width:350px;height:250px;}
.t8b-1_4a4d4a {font-family:Verdana;font-size:8pt;color:#4a4d4a;font-weight:bold;letter-spacing:-1;}
.latest_t7_gray {font-family:Tahoma;font-size:7pt;color:gray;line-height:100%;}
.t7_bold {font-family:Tahoma;font-size:7pt;color:black;font-weight:bold;line-height:100%;}
.mor {font-family:"¸ð¸®½º9";font-size:9pt}
.mor_g {font-family:"¸ð¸®½º9";font-size:9pt;color:gray;}
.mor_o {font-family:"¸ð¸®½º9";font-size:9pt;color:orange;}
(ÁÖÀÇ : ¸ð¸®½º9ü´Â Á¦°¡ »ç¿ëÇÏ´Â À¥ÆùÆ® ÀÔ´Ï´Ù. ¼Ò½º Àû¿ë½Ã¿¡´Â ÀûÀýÇÑ ´Ù¸¥ ÆùÆ®·Î ¼öÁ¤¹Ù¶ø´Ï´Ù.)
(ÁÖÀÇ : ·¹À̾ ¶ß´Â À§Ä¡´Â top, left °ªÀ» ¼öÁ¤ÇÏ¿© ¹Ù²Ù½Ç¼ö ÀÖ½À´Ï´Ù.)
## CSS »ç¿ë¹ý ##
À§ ³»¿ëÀ» css ÆÄÀÏ·Î ÀúÀåÇÏ°í clip.php ¾ÈÀÇ <link rel="stylesheet" type="text/css" href=""> ¿¡´Ù°¡ css ÆÄÀÏÀÇ °æ·Î¸¦ ÀÔ·ÂÇϽʽÿÀ.
±×¸®°í Ŭ¸³ ·¹À̾ »ðÀÔµÈ ¸ðµç ÆäÀÌÁöÀÇ head »çÀÌ¿¡µµ <link rel="stylesheet" type="text/css" href=""> ¸¦ »ðÀÔÇϼ¼¿ä.
===============================================
µ¡. Á¦°¡ ¿ÀŸ°¡ Á» ¸¹½À´Ï´Ù. À߸øµÈ ºÎºÐ ÀÖÀ¸¸é ÁöÀûÇØÁÖ¼¼¿ä.
µ¡2. ¼Ò½º Àû¿ë½Ã Ŭ¸³ÀÌ ¾ÈµÇ°Å³ª ·¹À̾ ÀÛµ¿ÇÏÁö ¾Ê°í ºê¶ó¿ìÀú ÇÏ´Ü¿¡ ¿¡·¯ Ç¥½Ã°¡ ¶ß´Â °ÍÀº
js Àû¿ëÀÌ À߸øµÇ¾ú°Å³ª °æ·Î°¡ Ʋ·È±â ¶§¹®ÀÔ´Ï´Ù. ¾ÈµÉ °æ¿ì ´Ù½Ã ÇÑ ¹ø È®ÀÎÇϽñ⠹ٶø´Ï´Ù.
µ¡3. ±×¹Û¿¡ ºÎÂ÷ÀûÀ¸·Î member_out.php ¸¦ ¼öÁ¤ÇÏ´Â °ÍµîÀº ¸í±¹´ÔÀÇ ÆÁÀ» Âü°íÇÏ½Ã¸é µË´Ï´Ù.
µ¡4. ¼Ò½º ¼öÁ¤À» Çã¶ôÇØÁֽŠ¸í±¹´Ô²² °¨»çµå¸®¸ç.... :)