HTMLで記述するOBJECTタグ。これはActiveXやJAVAやFlashなど拡張オブジェクトを貼り付けるタグです。この中には様々な種類のものがありますが、今回はWindows環境で呼び出すことのできるカラーダイアログを呼び出してみることにします。
Windows環境でカラーダイアログはダイアログヘルパーという位置づけで提供されているので、オブジェクトをHTMLに貼り付け、公開されている関数を呼び出すとダイアログが表示される、という仕組みになっています。
それでは、カラーダイアログで選択された色をDIVタグ内の文字列の色に反映するサンプルです。Windows+IEをお使いの方は是非お試しくださいませ。
なお、このサンプルはうさのJavaScript講座サンプル集７のサンプル22でもご覧いただけます。テスト済環境は、Windows XP + IE6.0, Windows XP + IE7.0, Windows 2003 + IE7.0, Windows Vista + IE7.0です。

ソースはこちら↓

<script language="javascript"> <!-- //------------------------------------------------------------ //javascript by ＠うさ http://www.usagi-js.com/ //------------------------------------------------------------ function ShowColorTable() { //ダイアログの表示 var selectedColor = dialogHelper.ChooseColorDlg(); selectedColor = selectedColor.toString(16); //選択された色を反映 document.getElementById("divStrings").style.color = selectedColor; } //--> </script>

HTMLはこちら↓

<FORM><INPUT type="button" name="btnMove" value="カラーダイアログ表示" onClick="ShowColorTable()"></FORM> <div id="divStrings">ここの文字列の色を変更します♪</div> <OBJECT id=dialogHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>