カラーダイアログを表示する

動作ブラウザ
Internet Explorer Netscape Navigator
4.0x 4.5 5.0x 5.5 6.0 4.x 6.0
Windows × - × × × ×
Macintosh × × × - - × ×
UNIX - - - - - × ×

解  説  カラーダイアログを表示するにはobjectタグでカラーダイアログオブジェクトを定義しておきます。カラーダイアログを表示させるにはChooseColorDlg()を使います。引数に色を指定すると、それが現在の色としてカラーダイアログに渡されます。戻り値は10進数のカラーコードになります。もし、16進数文字列にしたい場合は以下の2行を追加してください。 col = "00000" + col.toString(16); // 16進数に変換 col = col.substring(col.length-6,col.length); // 右端から6桁のみ取得
コード <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!