iGoogle Gadget -15

■　ガジェットについての使用上の案内、ガイド、情報などに活用できるメッセージを表示します。

■　メッセージ個々の表示を変えたい場合はHTML要素のスタイルプロパティを設定します。

■　サンプルです。　

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="UIメッセージ-5-step-13" height="150" scrolling="false">
  <Locale lang="ja" country="jp"/>
  <Require feature="minimessage"/>
</ModulePrefs>
  <Content type="html">
  <![CDATA[
<div style="text-align:left;font-size:13px;">
【メッセージ-5】
<br />
* 個々の表示を変えたい場合はHTML 要素のスタイルプロパティを設定します。
<br />
* 位置指定をしないとメッセージはトップにきます。
</div>

<script type="text/javascript">

  var msg = new gadgets.MiniMessage(__MODULE_ID__);
  var statusMsg = msg.createDismissibleMessage("背景色と文字色を変えています。");
  statusMsg.style.backgroundColor = "red";
  statusMsg.style.color = "white";

</script>

<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>
  ]]>
  </Content>
</Module>


■　編集用リンク