| 解 説 |
カラーダイアログを表示するにはobjectタグでカラーダイアログオブジェクトを定義しておきます。カラーダイアログを表示させるにはChooseColorDlg()を使います。引数に色を指定すると、それが現在の色としてカラーダイアログに渡されます。戻り値は10進数のカラーコードになります。もし、16進数文字列にしたい場合は以下の2行を追加してください。
col = "00000" + col.toString(16); // 16進数に変換
col = col.substring(col.length-6,col.length); // 右端から6桁のみ取得
|
| コード |
<![CDATA[
<html>
<head>
<title>カラーダイアログを表示する</title>
<script language="JavaScript"><!--
function colorDialog()
{
col = Dialog.ChooseColorDlg(); // カラーダイアログを表示する
col = "00000" + col.toString(16); // 16進数に変換
col = col.substring(col.length-6,col.length); // 右端から6桁のみ取得
document.body.style.backgroundColor = col;
}
// --></script>
</head
<body>
<a href="javascript:colorDialog()">カラーダイアログを表示</a><br>
<object id="Dialog" classid="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0" height="0"></object>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
カラーダイアログを表示する