■Windows標準の「色の設定」風カラーダイアログ

JavaScriptで作った、Windows標準の「色の設定」風カラーダイアログです。

ブログなどの色設定って、各ブログで色々作られていますが、
Windowsを使い慣れた自分にとっては、このダイアログが一番しっくり来るので、作ってみました。

■対応ブラウザ：

Internet Explorer 5〜
Firefox 1〜
Netscape 6〜
Safari 1〜
Opera 6〜
Mozilla 1〜

■サンプル：


<script language=JavaScript src="colordialog.js"></script>
<script language="JavaScript"><!--

var $color;


function editBackgroundColor()
{
   var $obj = getId2Obj("base");
   $color = "";
   $isdo = true;
   if (window.showModalDialog) {
      $color = showModalDialog("./colordialog.html", "dialog", "dialogWidth:35em;dialogHeight:17em;");
      $obj.style.backgroundColor = $color;
   } else {
      $win = window.open("./colordialog.html", "dialog", "width:35px,height:10px,dependent,modal");
      window.onfocus=function() {
         if ($win && !$win.closed) {
            $win.focus();
         } else if($win.closed && $isdo) {
            $isdo = false;
            $obj.style.backgroundColor = $color;
         }
      }
   }
   
}


// --></script>

〜〜中略〜〜

<input type="button" onClick="editBackgroundColor();" value="色の設定を表示して背景色変更">

■サンプル実行：