- OpenLaszlo紹介
- プログラム構造関連
- スクリプト
- Javascript基礎
- 基礎知識
- ビュー<view>
- レイアウト
- 動かす
- 入力デバイス
- 文字
- 数値
- 日付
- オブジェクト指向
- 標準コンポーネント
- データの扱い
- データ操作(基礎)
- 応用編
–
ボタンを押すたびに数値があがっていくサンプル。
下記2種類のソースは同じ実行結果です。
▼グローバル変数で値を保持
<?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <script> var i = 0; </script> <simplelayout spacing="10"/> <button onclick="txt.setText(++i);">カウント</button> <text id="txt" fontsize="30" oninit="this.setText(i);"/> <button onclick="i=0;txt.setText(i);">リセット</button> </canvas>
▼<attribute>で値を保持
<?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <attribute name="i" value="0"/> <simplelayout spacing="10"/> <button onclick="canvas.setAttribute('i',++canvas.i);">カウント</button> <text fontsize="30" text="${canvas.i}"/> <button onclick="canvas.setAttribute('i',0);">リセット</button> </canvas>