iGoogle Gadget -9

■　ユーザーがカスタマイズできるようにする-5

■　ユーザーが編集ボックスでガジェットのタイトルを設定できるようにします。（制限2Kまで）

■　状態を保持したい場合は こちら参考にして下さい。　

■　<Require feature="settitle"/>タグを <ModulePrefs> の下に置きます。

■　サンプルです。　  (ユーザー設定タブは利用していません。タイトルをプログラムに組み込んでいます。)

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="タイトル設定のサンプル" height="400">
    <Require feature="settitle"/>
  </ModulePrefs>
  <Content type="html">


  <![CDATA[
    <script type="text/javascript">
    　function changeTitle(form) {　// タイトル設定のための関数
      var newTitle = form.inputbox.value;
      gadgets.window.setTitle(newTitle); //【gadgets.window.setTitle()】関数の呼び出し
    }
    </script>
<FORM NAME="myform" ACTION="" METHOD="GET">タイトル名を変更します: <BR><BR>
<INPUT TYPE="text" NAME="inputbox" VALUE=""><BR><BR>
<INPUT TYPE="button" NAME="button" Value="Change Title" onClick="changeTitle(this.form)">
</FORM>

<div style="text-align:left;font-size:12px;">
gadgets.window.setTitle() 関数を使用すると、ガジェットのタイトルをプログラムで設定できます。
<p />
 * <b><Require feature="settitle"/></b> タグを <b><ModulePrefs></b> の下に置きます。
<br /> → これでsettitle ライブラリを読み込むようガジェットに指示します。
<p />
 * ガジェットのタイトルを設定するには【gadgets.window.setTitle()】関数を呼び出します。
<p />
 * ユーザーがガジェットのタイトルを設定できるテキスト フィールドを提供します。

<p />
<p align="right" />
<a href="http://www5d.biglobe.ne.jp/~pog/" alt="Googleを追いかけろ！"
       title="Googleを追いかけろ！" target="_blank"><
            img src="http://www5d.biglobe.ne.jp/~pog/img/gapps.png" border="0">
</a>
</div>


■　編集用リンク