フライアウトウインドウ

更新日 2009-11-11 (水) 15:24:59

クリックしたき以下のようなウインドを表示

FlyOut.png

元html(Javascript)

function setFlyout(){
	System.Gadget.Flyout.file = "flyout.html";
	System.Gadget.Flyout.show = true;
}

これをonloadしておく<body>では以下のように指定

<img src="dummy.png" onClick="setFlyout()" />

表示html(flyout.html)

<html>
  <head>
    <title>MyFlyout</title>
    <style>
      body
      {
        width:130;
        height:130;
      }
    </style>
  </head>
  <body>
   <g:background style="position:absolute;top:0;left:0;width:130px;height:130px;z-index:-1"> </g:background>
  </body>
</html>

なぜか表示するフライアウトウインドの文字コードはSJISでないとうまくおかないが後からJavascriptで表示する場合はUTF-8でもよい


添付ファイル: fileFlyOut.png 179件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2009-11-11 (水) 15:24:59 (4089d)