Gadgets/FlyOutWindow のバックアップ(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
Gadgets/FlyOutWindow へ行く。
- 1 (2009-11-11 (水) 06:20:06)

フライアウトウインドウ †

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

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

元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>