<style type=text/css>
.colorbox { font-size: 7px; margin: 2px; cursor:pointer; width:10px; height:10px; border: #AAAAAA 1px solid; }
</style>
<script language="javascript">
function changeBg (obj) {
var color = obj.style.backgroundColor;
document.body.style.backgroundColor = color;
setCookie('bgcolor',color,365);
}
function setCookie(name,value,expiredays)
{
var todayDate = new Date();
todayDate.setDate(todayDate.getDate() + expiredays);
document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
</script>
<div title="ÁÖº¯»ö ¹Ù²Ù±â"><span class="colorbox" style="background-color:#FFFFFF" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#ECECEC" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#ECFCD2" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#FFFECB" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#EBD4F7" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#B4BFCC" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#FF943D" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#0099FF" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#8EDC0C" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#000099" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#000000" onclick="changeBg(this);"> </span><span class="colorbox" style="background-color:#C7141A" onclick="changeBg(this);"> </span></div>
±×¸®°í ÆäÀÌÁöÀÇ body ű×À§¿¡ ¾Æ·¡ php ¼Ò½º¸¦ ³Ö°í ´ÙÀ½°ú °°ÀÌ ²Ù¸çÁÝ´Ï´Ù.
<?PHP
if(isset($_COOKIE['bgcolor'])) {
$bgcolor = urldecode($_COOKIE['bgcolor']);
} else {
$bgcolor = "#FFFFFF"; //¼³Á¤ÇϱâÀü ±âº» »ö»ó
}
?>
<body bgcolor="<?=$bgcolor?>">