http://www.openlaszlo-ason.com/ Wed, 08 Sep 2010 10:12:37 +0900 FeedCreator 1.7.2-ppt DokuWiki http://www.openlaszlo-ason.com/lib/images/favicon.ico http://www.openlaszlo-ason.com/ http://www.openlaszlo-ason.com/doku.php/%E3%81%BC%E3%81%8B%E3%81%97 OpenLaszloのネイティブな機能ではなく、Flashの機能を使ったぼかし効果です。 ※swf8、swf9で動作確認済み。 ノーマルなものとぼかし効果をかけたものを順番に表示しています。サンプルはswf9です。 Tue, 06 Jan 2009 16:45:12 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%A6%E3%82%A4%E3%83%B3%E3%83%89%E3%82%A6 元からドラッグアンドドロップ可能なウインドウコンポーネントです。オプションでタイトル設定、リサイズボタンやクローズボタンの表示ができます。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee" width="500"> <window width="200" height="150" title="ウインドウサンプル" resizable="true" closeable="true"> <vbox align="center" valign="middle"> <text>・ドラッグアンドドロップ可能</text> <text>・タイトル設定可能</text> <text>・リサイズ可能</text> <text>・クローズ可能</text> </vbox> </window> </canvas>… Fri, 15 Jan 2010 01:42:59 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E5%A2%97%E5%8A%A0 ボタンを押すたびに数値があがっていくサンプル。 下記２種類のソースは同じ実行結果です。 ▼グローバル変数で値を保持 <?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>… Wed, 10 Dec 2008 14:40:48 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%AD%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E8%AA%BF%E3%81%B9%E3%82%8B Enterキー、TABキー、スペースキーなど押したときに何か処理をするプログラムを書くには、各キーのキーコードを知る必要があります。 IMEを無効にしてから下記のサンプルの空欄をクリックした後、任意のキーを押してみてください。キーコードが表示されればそのキーを使うことができます。 Fri, 21 Nov 2008 10:35:44 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%AF%E3%83%A9%E3%82%B9%E9%9A%8E%E5%B1%A4%E5%9B%B3 下記の階層図FlashアプリはOpenLaszloの公式ドキュメントから抜き出して少し改変し一部日本語訳したものです。 OpenLaszloのクラスは、すぐに使えるクラスと、その元となるベースクラス(抽象クラスみたいなものですかね)に大別できます。標準コンポーネントが見た目や振る舞いで気に入らないときは、(茨の道ですが)ベースクラスを継承してオリジナルクラスを自作することができます。… Sun, 12 Oct 2008 04:53:45 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%B0%E3%83%AD%E3%83%BC グロー効果です。 ※swf8、swf9で動作確認済み。サンプルはswf9です。 ノーマルのものとグロー効果をかけたものを順番に表示しています。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout spacing="20"/> <text fgcolor="0xffff00" fontsize="50" fontstyle="bold"> Glowグロー </text> <text fgcolor="0xffff00" fontsize="50" fontstyle="bold"> Glowグロー <switch> <when runtime="swf9"> <passthrough> import flash.filters.*; </passthrough> </when> </switch> <h… Tue, 06 Jan 2009 16:59:38 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%83%A9%E3%82%A4%E3%83%B3%E3%81%A7swf%E3%82%B3%E3%83%B3%E3%83%91%E3%82%A4%E3%83%AB コマンドラインでLZXをswfにコンパイルする方法です。個人的には興味がないので(笑)、Windows上で一回やってみて成功した例を載せておきます。 コマンドラインでのコンパイルは、TomcatをとめてもOKでした。 Tue, 11 Nov 2008 18:03:08 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%B3%E3%83%B3%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88_%E5%8F%B3%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF_%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC 基礎知識 右クリックメニューはOpenLaszloではコンテキストメニューと呼ばれます。 * コンテキストメニューのオブジェクト LzContextMenuコンテキストメニュー本体。メニューアイテムの入れ物。メニューオープン時にonmemuopenイベントを送信する。LzContextMenuItemコンテキストメニュー内のメニューアイテム。 * 関連メソッド Fri, 12 Dec 2008 17:34:13 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%B3%E3%83%B3%E3%83%9C%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9 コンボボックスは<combobox>と<datacombobox>の２種類あります。 <combobox>と<datacombobox>の違い * アイテムリストの持ち方 <combobox><textlistitem>を使って<combobox>タグ内に設定します。全アイテムを一気に即時生成するのでアプリ初期起動時に負荷がかかることがありますが、実行中は速くなります。<datacombobox>データセットに設定します。アイテムは必要時に生成されるのでアプリ初期起動が速くなりますが、実行中に負荷がかかることがあります。 両者は良く似ていますが、全く別物と思ってOKです。使える属性、メソッド、イベント、見た目の挙動に違いがあります。どちらを選ぶかは使いたい属性やメソッドのあるほう、となります(^^;)… Sat, 06 Dec 2008 13:48:24 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AE%E5%A7%BF%E3%82%92%E5%8B%95%E7%9A%84%E3%81%AB%E5%A4%89%E6%9B%B4 <dataset>の動的データを元にコンポーネントを動的に作っていく例です。RIAのこういう性質に慣れると、実際のアプリにセンス良く(?)応用できそうですね。 お試しで、赤い領域にある入力欄に何かいれて追加ボタンを押してみてください。理屈を言うと、入力値が<dataset>のXMLデータとして追加され、その<dataset>にバインドしているコンポーネントが自動で反応してその数や姿を変えていく、という感じです。… Wed, 10 Dec 2008 14:08:02 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AE%E8%89%B2%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B コンポーネントの色を統一的に設定あるいは変更することができます。 サンプルの左上のコンボボックスで色を選択できます。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee" width="500" height="500"> <goldstyle name="gold"/> <greenstyle name="green"/> <purplestyle name="purple"/> <bluestyle name="blue"/> <wrappinglayout spacing="10" axis="y"/> <combobox width="120" editable="false"> <handler name="onselect"> var colorchoice = this.getText(); canvas[colorchoice].setAttribute("isdefault", true);… Mon, 10 Nov 2008 17:18:28 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%82%BD%E3%83%BC%E3%82%B9%EF%BC%92 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false"> <animator id="sleep" attribute="opacity" to="1" duration="3000" onstop="anm1.doStart()" /> <!-- Flash & DHTML 画像 --> <view x="150" y="5" resource="icons/flashdhtml.png"> <animator id="anm3" attribute="x" from="150" to="330" duration="3000" start="false" onstop="sleep.doStart();" /> </view> <!-- XML画像 --> <view x="0" y="40" resource="icons/xml.png" /> <!-- OpenLaszlo画像 --> <view x="130" resource="ic… Sun, 07 Dec 2008 00:21:23 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%82%BD%E3%83%BC%E3%82%B9 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee" width="500"> <dataset name="ds"> <sample> <data kata="サンプル1" hira="さんぷる1"/> <data kata="サンプル2" hira="さんぷる2"/> <data kata="サンプル3" hira="さんぷる3"/> <data kata="サンプル4" hira="さんぷる4"/> <data kata="サンプル5" hira="さんぷる5"/> <data kata="サンプル6" hira="さんぷる6"/> <data kata="サンプル7" hira="さんぷる7"/> <data kata="サンプル8" hira="さんぷる8"/> <data kata="サンプル9" hira="さんぷる9"/> </samp… Sun, 12 Oct 2008 05:37:58 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC <slider>です。コンポーネントの色んな値を変えることができます。 よく使う属性： value ・・・・デフォルト値 minvalue・・・最小値(デフォルト0) maxvalue・・・最大値(デフォルト100) サンプルでは適当に色々設定してみました。さて、実用的なのはどれでしょう？ Fri, 26 Dec 2008 18:34:02 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%82%BF%E3%83%96%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%80%E3%83%BC 基本形 <tabslider> <tabelement>・・・</tabelement> <tabelement>・・・</tabelement> <tabelement>・・・</tabelement> </tabslider> <tabslider>と<tabelement> <tabslider>タグで、複数の<tabelement>タグを囲みます。<tabslider>は幅widthと高さheightの設定は必須です。これらの設定がないと画面に表示されません。 Mon, 13 Oct 2008 14:29:02 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E5%85%A5%E5%8A%9B 基本 <edittext> というコンポーネントを使ってテキスト入力ができます。 <edittext>のデフォルトの高さは26ピクセル、幅は106ピクセルです。 入力された文字列を取り出すにはvalue属性を使います。 Sat, 07 Mar 2009 20:39:01 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E5%8B%95%E7%9A%84%E3%81%AA%E8%BF%BD%E5%8A%A0%E3%83%BB%E5%89%8A%E9%99%A4 <dataset>に対してデータを動的に追加・削除すると、その<dataset>にバインドしているコンポーネント上の表示データが追加・削除されたように見えます。 メモリ上だけの動きなのでリロードすると当然元に戻ります。 結果を永続的に保存するにはサーバサイド経由でDBに保存します。 Sat, 27 Dec 2008 22:22:49 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%87%E3%83%BC%E3%82%BF%E3%83%90%E3%82%A4%E3%83%B3%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0 タグデータを取り出す タグに囲まれたデータを取り出す方法。 タグの文字列を返すtext()メソッドを使います。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <dataset name="ds" > <root> <data>データA</data> <data>データB</data> <data>データC</data> <data>データD</data> <data>データE</data> </root> </dataset> <vbox> <text datapath="ds:/root/data/text()"/> </vbox> </canvas>… Wed, 19 Nov 2008 17:52:30 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%82%B7%E3%83%A3%E3%83%89%E3%82%A6 ドロップシャドウ効果です。 ※swf8、swf9で動作確認済み。サンプルはswf9です。 ノーマルなものとドロップシャドウ効果をかけたものを順番に表示しています。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout spacing="20"/> <text fgcolor="0xffffff" fontsize="30" fontstyle="bold"> Dropshadowドロップシャドウ </text> <text fgcolor="0xffffff" fontsize="30" fontstyle="bold"> Dropshadowドロップシャドウ <switch> <when runtime="swf9"> <passthrough> import flash.filters.*; </passthrough> … Tue, 06 Jan 2009 16:50:58 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%95%E3%82%A7%E3%83%BC%E3%83%89%E3%82%A2%E3%82%A6%E3%83%88 透明度の属性opacityを０(透明)にします。opacityのデフォルトは１(不透明)。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout /> <button onclick="canvas.sq.animate('opacity',0,3000,false);">フェードアウト</button> <view name="sq" width="50" height="50" bgcolor="0xff0000"/> </canvas> Mon, 13 Oct 2008 14:36:33 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%95%E3%82%A7%E3%83%BC%E3%83%89%E3%82%A4%E3%83%B3 透明度を指定する属性opacityの値を０(透明)から１（不透明）に変化させます。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout /> <button onclick="canvas.sq.animate('opacity',1,3000,false);">フェードイン</button> <view name="sq" width="50" height="50" bgcolor="0xff0000" opacity="0"/> </canvas> Mon, 13 Oct 2008 14:36:13 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%99%E3%83%99%E3%83%AB ベベル効果です。 ※swf8、swf9で動作確認済み。サンプルはswf9です。 ノーマルのものとベベル効果をかけたものを順番に表示しています。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout spacing="20"/> <text fgcolor="0xffff00" fontsize="50" fontstyle="bold"> Bevelベベル </text> <text fgcolor="0xffff00" fontsize="50" fontstyle="bold"> Bevelベベル <switch> <when runtime="swf9"> <passthrough> import flash.filters.*; </passthrough> </when> </switch> <h… Tue, 06 Jan 2009 16:56:04 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%A9%E3%82%B8%E3%82%AA%E3%83%9C%E3%82%BF%E3%83%B3 基本形 <radiogroup> <radiobutton>・・・</radiobutton> <radiobutton>・・・</radiobutton> <radiobutton>・・・</radiobutton> </radiogroup> <radiogroup>と<radiobutton> <radiogroup>タグで、複数の<radiobutton>を囲みます。 Fri, 27 Mar 2009 14:55:11 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%AA%E3%82%B5%E3%82%A4%E3%82%BA リサイズ基本 <resizestate>を使うと、マウスによるリサイズができます。 * リサイズ開始：マウスボタンを押したとき(onmousedown)・・・apply() * リサイズ終了：マウスボタンを離したとき(onmouseup)・・・remove() Fri, 09 Oct 2009 18:31:24 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%AA%E3%82%B9%E3%83%88 <list> タグを使って項目をリスト表示し、項目を選択する機能があります。 項目には<textlistitem>を使います。 基本形 <list> <textlistitem /> <textlistitem /> <textlistitem /> </list> 選択したアイテムの値を取得 Tue, 09 Dec 2008 18:32:29 +0900 http://www.openlaszlo-ason.com/doku.php/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%AE%E5%9F%BA%E7%A4%8E デフォルトでは左上に配置される 画面上には ｘ座標 と ｙ座標 があり、ｘ、ｙの値で部品の表示位置を決めます。左上が（ｘ,ｙ）＝（０,０）になります。デフォルトでは（０,０）である左上にすべての部品が配置されます。 Mon, 13 Oct 2008 14:48:11 +0900 http://www.openlaszlo-ason.com/doku.php/%E4%B8%80%E8%A6%A7%E3%81%8B%E3%82%89%E8%A9%B3%E7%B4%B0%E3%82%92%E5%87%BA%E3%81%99 一覧リストから一つ選択するとその詳細情報が別画面で出てくる、のサンプル。 setFromPointer() と setPointer() の例を紹介します。 どちらもよく似ていますが、引数が違います。 LzDatapointer.setFromPointer(dp) ・・・ 引数dpはデータポインタ(LzDataPointer) LzDatapointer.setPointer(p)・・・・・・ 引数pはデータノード(LzDataNode) setFromPointer()編 B.datapath.setFromPointer(A.datapath) ※ビューAのデータパスを、ビューBに渡します。 ▼国名をクリックしてみてください… Thu, 04 Dec 2008 12:40:03 +0900 http://www.openlaszlo-ason.com/doku.php/%E4%B8%8A%E3%83%BB%E5%B7%A6%E3%81%AB%E4%BD%99%E7%99%BD <constantlayout>を使って、上側か左側に余白を指定できます。 正確に言うと、同一階層内のすべてのオブジェクトのｘ値あるいはｙ値を一律に同じ値で設定していることになります。 左に余白をとる Mon, 13 Oct 2008 14:35:44 +0900 http://www.openlaszlo-ason.com/doku.php/%E5%8D%B0%E5%88%B7 下記print()メソッドで、印刷したいビューを指定して印刷できます。 <method name="print" args="v,isBitmap"> var p = new PrintJob(); if(p.start()){ p.addPage(v.getMCRef(),{xMin:0,xMax:550,yMin:0,yMax:800}, {printAsBitmap:isBitmap}); p.send(); } delete p; </method> このprint()メソッドの引数は２つ： [1] 印刷対象ビュー名・・・指定必須。 [2] true/false・・・任意。なければfalse。 true：ビットマップ形式で印刷。透過効果を維持できます。 false(デフォルト)：ベクタ形式で印刷。なんとなく高品質。 ▼サンプルは赤、青、黄のビューが透明度0.5になっていますので、これらがきちんと透過されているかベタになっているかで、ベクタとビットマップと印刷の違い… Wed, 10 Dec 2008 17:01:54 +0900 http://www.openlaszlo-ason.com/doku.php/%E5%8F%AF%E5%A4%89%E3%82%B5%E3%82%A4%E3%82%BA%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E5%86%85%E3%81%AE%E8%87%AA%E5%8B%95%E9%85%8D%E7%BD%AE ウインドウのようにボックスのサイズや向きが変わっても動的にコンポーネントを配列状に自動配置するには <wrappinglayout>を使います。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <window width="200" height="100" resizable="true"> <wrappinglayout/> <button>1</button> <button>2</button> <button>3</button> <button>4</button> <button>5</button> <button>6</button> <button>7</button> </window> </canvas>… Tue, 07 Oct 2008 19:00:18 +0900 http://www.openlaszlo-ason.com/doku.php/%E5%8F%B3%E5%AF%84%E3%81%9B%E5%85%A5%E5%8A%9B%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88 右寄せの入力inputtextの自作クラス。とりあえず右寄せのみ。 * これに左寄せ、センタリングの機能をつければ汎用的に使えるでしょう。 * 右寄せは金額入力などに適しているので、3桁ごとにカンマつける機能をつけるのも良さそう。 Fri, 14 Nov 2008 18:55:10 +0900 http://www.openlaszlo-ason.com/doku.php/%E5%9B%9E%E8%BB%A2 回転軸が左上 rotation属性で角度を指定します。ボタンを押すと60度ずつ回転します。中心軸はデフォルトで左上になります。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <button onclick="canvas.v.animate('rotation',60,500,true);">回転</button> <view name="v" align="center" valign="middle" width="50" height="50" bgcolor="0xff0000"/> </canvas> Mon, 13 Oct 2008 14:39:38 +0900 http://www.openlaszlo-ason.com/doku.php/%E5%A4%96%E9%83%A8javascript%E9%96%A2%E6%95%B0%E3%81%AE%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97 LZXファイル内の関数ではなく、HTML上のローカルJavascript関数を呼び出すことができます。 ここでは２種類の方法をご紹介します。 ※サンプルでは組み込み関数のalert()を呼び出しています。 Wed, 29 Oct 2008 17:50:46 +0900 http://www.openlaszlo-ason.com/doku.php/%E5%B0%8F%E6%95%B0%E7%82%B9%E4%BB%A5%E4%B8%8B%E5%88%87%E6%8D%A8%E3%81%A6 Math.floor()を使います。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout/> <edittext id="ed" text="123.45"/> <button>小数点切捨て実行 <handler name="onclick"> var e = ed.getText() var m = Math.floor(e); canvas.txt.setAttribute('text',e + "の小数点切捨ては" + m); </handler> </button> <text name="txt"/> </canvas> Fri, 17 Oct 2008 15:01:21 +0900 http://www.openlaszlo-ason.com/doku.php/%E5%B7%A6%E3%83%BB%E4%B8%AD%E3%83%BB%E5%8F%B3_%E4%B8%8A%E3%83%BB%E4%B8%AD%E3%83%BB%E4%B8%8B%E3%81%B8%E3%81%AE%E4%BD%8D%E7%BD%AE%E6%8C%87%E5%AE%9A 横方向は align 値は、left、center、right。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <button align="left">左寄せ</button> <button align="center">中寄せ</button> <button align="right">右寄せ</button> </canvas> Mon, 13 Oct 2008 14:32:53 +0900 http://www.openlaszlo-ason.com/doku.php/%E6%83%85%E5%A0%B1%E6%BA%90 公式ドキュメント Laszlo in 10 Minutes OpenLaszlo Explorer 実動サンプルと簡単な解説があってわかりやすいです。さらにブラウザ上でサンプルコードを直接変更して実行結果を確認できて便利。 Mon, 01 Feb 2010 01:04:25 +0900 http://www.openlaszlo-ason.com/doku.php/%E6%94%B9%E8%A1%8C%E3%82%B3%E3%83%BC%E3%83%89%E9%99%A4%E5%8E%BB こういう処理のコーディングサンプルは、Javascriptの解説サイトとかにあります。 これを応用すれば、改行コード以外なんでも除去できそうですね。 <method name="delCRLF" args="t"> <![CDATA[ var n = ''; for(var i=0; i<t.length; i++){ var text = escape(t.substring(i, i+1)); if(text != "%0D" && text != "%0A"){ n += t.substring(i, i+1); } } return(n); ]]> </method> Thu, 13 Nov 2008 17:08:57 +0900 http://www.openlaszlo-ason.com/doku.php/%E6%96%87%E5%AD%97%E5%88%97%E7%BD%AE%E6%8F%9B OpenLaszloのJavascriptでは文字列置換のreplace()がありません。 2010/2/10にOpenLaszlo4.6.1でreplace()使えることに気づきました・・・。でもこれだと文中に置換対象語句が複数あっても最初の一個しか置換しないので、全部置換するにはサンプルのようにsplit()とjoin()使ったほうが良いです。 Wed, 10 Feb 2010 23:04:49 +0900 http://www.openlaszlo-ason.com/doku.php/%E6%A8%AA%E3%81%AB%E8%87%AA%E5%8B%95%E9%85%8D%E7%BD%AE 一つの階層内での自動レイアウト配置です。等間隔になります。 <simplelayout> <simplelayout/>を使うと、同一階層のオブジェクトを自動レイアウトします。axis=“x”属性をつけると横方向になります。 Mon, 13 Oct 2008 14:34:51 +0900 http://www.openlaszlo-ason.com/doku.php/%E6%BC%94%E7%AE%97 算術演算 a + b足し算a - b引き算a * b掛け算a / b割り算a % ba を b で割った余りa＋＋処理実行してから a を 1 増やすa－－処理実行してから a を 1 減らす＋＋aa を 1 増やしてから処理実行－－aa を 1 減らしてから処理実行 ※ a++ と ++a の違いに注意。 Wed, 03 Dec 2008 20:09:10 +0900 http://www.openlaszlo-ason.com/doku.php/%E7%82%B9%E6%BB%85 opacity属性を高速に変更することで点滅させています。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <view width="50" height="50" bgcolor="0xff0000"> <animatorgroup repeat="Infinity"> <animator attribute="opacity" from="1" to="1" duration="490"/> <animator attribute="opacity" from="1" to="0" duration="10"/> <animator attribute="opacity" from="0" to="0" duration="490"/> <animator attribute="opacity" from="0" to="1" duration="10"/> <… Mon, 13 Oct 2008 14:38:14 +0900 http://www.openlaszlo-ason.com/doku.php/%E7%A7%BB%E5%8B%95 相対位置に移動 移動対象の（x、y) 値を変更します。サンプルではanimate()メソッドで相対的に移動しています。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout spacing="50"/> <hbox> <button onclick="canvas.sq.animate('x',-30,500,true);">←</button> <button onclick="canvas.sq.animate('x',30,500,true);">→</button> <button onclick="canvas.sq.animate('y',-30,500,true);">↑</button> <button onclick="canvas.sq.animate('y',30,500,true);">↓</button> </hbox> <view name="sq" alig… Mon, 13 Oct 2008 14:37:40 +0900 http://www.openlaszlo-ason.com/doku.php/%E7%B8%A6%E3%81%AB%E8%87%AA%E5%8B%95%E9%85%8D%E7%BD%AE 一つの階層内での自動レイアウト配置です。等間隔になります。 <simplelayout> <simplelayout/>を使うと、同一階層のオブジェクトを自動レイアウトします。デフォルトは縦方向。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout spacing="10"/> <view width="50" height="30" bgcolor="0xff0000"/> <view width="50" height="30" bgcolor="0x00ff00"/> <view width="50" height="30" bgcolor="0x0000ff"/> </canvas>… Mon, 13 Oct 2008 14:33:49 +0900 http://www.openlaszlo-ason.com/doku.php/%E7%B8%A6%E6%9B%B8%E3%81%8D 縦書きは、色々と工夫が必要です。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout spacing="10" axis="x"/> <text width="14" multiline="true" bgcolor="0xccccff"> あいうえおかきくけこしゃしゅしょ</text> <text width="50" multiline="true" bgcolor="0xccccff"> あ<br/>い<br/>う<br/>え<br/>お<br/>か<br/>き<br/>く<br/> け<br/>こ<br/>し<br/>ゃ<br/>し<br/>ゅ<br/>し<br/>ょ<br/> A<br/>B<br/>C<br/>D<br/>E<br/>F<br/>G<br/>H</text> <vbox bgcolor="0xccccff" width="50"> <text align="center">あ</text> <te… Fri, 14 Nov 2008 18:33:55 +0900 http://www.openlaszlo-ason.com/doku.php/%E8%87%AA%E5%88%86%E3%81%AEurl%E3%82%92%E5%8F%96%E5%BE%97 Flash8とローカルJavascriptの機能を使って、swfを埋め込んだHTMLのURLを表示しています。URL部分に日本語があると化けますが。。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <text> <handler name="oninit"> var url = flash.external.ExternalInterface.call("eval", "window.location.href"); this.setText(url); </handler> </text> </canvas> Thu, 13 Nov 2008 12:32:18 +0900 http://www.openlaszlo-ason.com/doku.php/%E8%89%B2%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B 色の指定方法はいくつかあります。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout axis="x" spacing="5"/> <text fontsize="30" fgcolor="blue">青</text> <text fontsize="30" fgcolor="0x0000ff">青</text> <text fontsize="30" fgcolor="#0000ff">青</text> <text fontsize="30" fgcolor="rgb(0,0,255)">青</text> </canvas> Fri, 19 Dec 2008 17:08:48 +0900 http://www.openlaszlo-ason.com/doku.php/3%E6%A1%81%E3%81%94%E3%81%A8%E3%82%AB%E3%83%B3%E3%83%9E%E4%BB%98%E3%81%91 金額表示などで数値をカンマ付けする方法。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout/> <method name="addComma" args="n"> <![CDATA[ var rem = n.length-3; if(rem>0) n = this.addComma(n.substr(0,rem)) + "," + n.substr(rem,3); return n; ]]> </method> <edittext name="ed" width="200">1234567890</edittext> <button>カンマ付きにする <handler name="onclick"> var e = canvas.ed.value; var c = canvas… Mon, 22 Dec 2008 01:14:57 +0900 http://www.openlaszlo-ason.com/doku.php/about ご注意 * 内容については無責任、無保証です。 * このサイトを閲覧するにはFlashPlayerプラグイン(少なくともVer8以上)が必要です。 * ネタは自作のほか、公式ドキュメントやコミュニティ等からの拾いものです。 * 実動サンプルはFlashでのみ動作確認しています。(DHTMLもやるのは面倒くさいのでしてません) * サンプルアプリは原則としてコンパイルし、生成されたswfファイルを動作させています。… Wed, 07 Apr 2010 01:10:50 +0900 http://www.openlaszlo-ason.com/doku.php/adddata データの追加は下記の二通りのアプローチがあります。 * データノードのメソッドappendChild() * データポインタのメソッドaddNode() appendChild() var e = new lz.DataElement("ノード名",{属性名:"属性値"}); データセット名.appendChild(e); デバッグウインドウで、データセット内にXML形式でデータが追加されていく様子がわかります。 Sat, 27 Dec 2008 22:36:05 +0900 http://www.openlaszlo-ason.com/doku.php/air OpenLaszloでAIRといっても、OpenLaszlo側でやることといえばSOLOモードコンパイルでswfファイルを生成するだけです。。。 AIRコンパイルオプションでもあればいいんでしょうけどネ。 インストールとお試しの手順 (1) Adobe Airインストール Wed, 27 Jan 2010 13:25:11 +0900 http://www.openlaszlo-ason.com/doku.php/barcode 文字を入力するとバーコードを生成します。といっても単にバーコードフォントを表示しているだけ(^^)なので、技術的にはこれといって何の変哲もなし。このサンプルでのバーコードはCODE39なので、入力文字はそれに対応した英数字記号のみ有効です。 Tue, 06 Jan 2009 18:33:24 +0900 http://www.openlaszlo-ason.com/doku.php/blurtoggle 例えば、アラートボックスの表示/非表示に合わせて画面をぼかしたり戻したり。 ※swf8、swf9で動作確認済。サンプルはswf9です。 【swf8、swf9】 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <vbox name="v"> <button onclick="al.open()" text="アラート"/> <text>ダミーデータ</text> <text>ダミーデータ</text> <text>ダミーデータ</text> <switch> <when runtime="swf9"> <passthrough> import flash.filters.*; </passthrough> </when> </switch> <method name="doBlur"> if($swf9){ var filter = new BlurF… Tue, 06 Jan 2009 16:45:52 +0900 http://www.openlaszlo-ason.com/doku.php/breakloop ループを抜けるにはbreakです。breakだけだと実行中ループを抜けるだけですが、ラベルを使うと多重ループの内側から一気に抜けることができます。 下記サンプルでは3つのループスクリプトがあります。それぞれ2重のループになっています。 Fri, 26 Feb 2010 00:49:28 +0900 http://www.openlaszlo-ason.com/doku.php/button <button>とonclick <button>タグを使います。イベントハンドラonclickとセットで使います。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <button onclick="txt.setText('ボタン押されました')">ボタン</button> <text name="txt" y="50"/> </canvas> Mon, 05 Jul 2010 06:29:25 +0900 http://www.openlaszlo-ason.com/doku.php/canvas OpenLaszloアプリケーションのプログラムファイルであるLZXファイルのルート要素タグです。ひとつのOpenLaszloアプリケーションに一つだけ必ず存在します。<canvas>は<view>を継承したクラスです。 Mon, 13 Oct 2008 16:24:07 +0900 http://www.openlaszlo-ason.com/doku.php/cb_own チェックボックスの画像を自作のものに差し替えた例。 サンプルのコードでは、<checkbox>を継承したクラス<myCheckbox>を自作して、myCheckbox_rsrcで定義した画像を使うように指定しています。 Sat, 30 May 2009 00:59:12 +0900 http://www.openlaszlo-ason.com/doku.php/cb_resize チェックボックス<checkbox>の画像の大きさを指定する属性はありません。 でも<checkbox>のソースを覗くと画像の定義部分に cb と名前がついていました。これの幅と高さを変えてやると、大きさが変わりました。 Sat, 30 May 2009 01:01:31 +0900 http://www.openlaszlo-ason.com/doku.php/checkbox デフォルトでチェック済みにする <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout/> <checkbox name="c1">デフォルト</checkbox> <checkbox name="c2" value="true">チェック済み</checkbox> <text text="${c1.value}"/> <text text="${c2.value}"/> </canvas> Thu, 12 Mar 2009 11:02:52 +0900 http://www.openlaszlo-ason.com/doku.php/clearcache ?lzt=clearcache ブラウザのURL欄で、適当なlzxファイル名の後ろに上記のパラメータをつけて読み込みます。 <http://localhost:8080/openlaszlo-4.2.0/XXX.lzx?lzt=clearcache> すると下記の画面が出ます。これでキャッシュクリア終了。 Sun, 18 Oct 2009 03:36:07 +0900 http://www.openlaszlo-ason.com/doku.php/clipboard 表示文字列をクリップボードにコピーするには lz.Browser.setClipboard を使います。WindowsVISTAのFF3.5とIE8で確認済。 (OpenLaszlo4.6.1/swf8) <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout/> <text name="t1" multiline="true" text="${'あいうえお\nかきくけこ'}"/> <button onclick="lz.Browser.setClipboard(t1.text);" text="クリップボードにコピー"/> <view height="20"/> <edittext name="t2" multiline="true" text="${'あいうえお\nかきくけこ'}" height="50"/> <button onclick="lz.Browser.setClipboard(t2.text);" text… Sun, 18 Oct 2009 03:36:07 +0900 http://www.openlaszlo-ason.com/doku.php/combogrid コンボボックの値を別セルに入力 グリッド内にコンボボックスを入れた例。両者別々のデータセットを参照しています。コンボボックスで選んだ値を、同じ行の別のセルに自動入力しています。 Mon, 19 Apr 2010 17:00:54 +0900 http://www.openlaszlo-ason.com/doku.php/crossdomain SOLOモードSWFアプリのあるドメインと、データ取得先(RSS、DBなど)のドメインがそれぞれ異なる場合、通信できません。これはFlashのセキュリティ制限によるものです。 これを回避するには、 Thu, 05 Feb 2009 16:33:20 +0900 http://www.openlaszlo-ason.com/doku.php/deletedata データの削除は下記の二通りのアプローチがあります。 * データノードのメソッドremoveChild() * データポインタのメソッドdeleteNode() removeChild() 下から順番に消えていきます。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee" debug="true"> <dataset name="ds"> <d n="織田信長"/> <d n="豊臣秀吉"/> <d n="徳川家康"/> <d n="武田信玄"/> <d n="上杉謙信"/> <d n="毛利元就"/> <d n="今川義元"/> </dataset> <simplelayout/> <button>removeChild() <handler name="onclick"> var dp = ds.getPointer(); dp.p.remo… Sun, 28 Dec 2008 01:07:32 +0900 http://www.openlaszlo-ason.com/doku.php/do-while whileの条件式がtrueの間、doブロック内の処理を繰り返します。最低一回は処理されます。 良く使うのは下記サンプルのようにデータセットのデータからある条件に合ったものを取り出すような処理。サンプルではデータセットのデータのtype属性値が野菜になってるすべてのname属性値を取り出して表示しています。 Thu, 08 Jan 2009 19:21:46 +0900 http://www.openlaszlo-ason.com/doku.php/doku.php ツイッターのタイムラインから取得したアイコンで生成されたリールが回転するスロットマシンです。 Array http://xtter.openlaszlo-ason.com/XTTER/slttr/ * OpenLaszlo4.8.0/swf8です * OAUTH対応 * 日英対応 * ハイスコアランキング Tue, 10 Aug 2010 19:55:43 +0900 http://www.openlaszlo-ason.com/doku.php/download 基本形 サンプルでは、ダウンロードする実ファイル名は英字(downloadtest.txt)ですが、LZXで日本語ファイル名(ダウンロードテスト.txt)に変更しています。ダウンロードボタンを押すと、ダウンロード先選択ポップアップウインドウが出ます。 Tue, 01 Dec 2009 17:56:19 +0900 http://www.openlaszlo-ason.com/doku.php/dp XMLデータのなかから個々のデータを取り出すにはデータポインタを使います。データパスと違ってデータポインタは一つのデータのみを指定します。 下記はデータポインタを使って全データを表示した例。XMLデータからいったん取り出した値をアプリ全体で使いまわしたいときは<canvas>直下に<attribute>を配置して、そこに値を代入しておけばOKです。 Mon, 16 Nov 2009 18:01:40 +0900 http://www.openlaszlo-ason.com/doku.php/dragdrop <dragstate> ビューをドラッグアンドドロップできるようにするには、<dragstate>タグを使います。 * ドラッグ：マウスボタンを押したとき(onmousedown)・・・apply() * ドロップ：マウスボタンを離したとき(onmouseup)・・・remove() Sun, 13 Dec 2009 12:55:17 +0900 http://www.openlaszlo-ason.com/doku.php/dynamictag データや条件に合わせて動的にタグを生成するには new演算子を使います。 下記はforループでnameに連番を振った例。確認用にその名前を<text>で表示しています。 (OpenLaszlo4.6.1/swf8) <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <handler name="oninit"><![CDATA[ for(var i=1;i<5;i++){ var v = new lz.view(canvas); v.setAttribute('name','m_'+i); v.setAttribute('width',50); v.setAttribute('height',30); v.setAttribute('bgcolor',0xff0000); var t = new lz.text(v); t.setAttribute('text'… Sun, 18 Oct 2009 03:36:06 +0900 http://www.openlaszlo-ason.com/doku.php/dynamictagwithhandler タグをスクリプトで動的生成するときにイベントハンドラを定義する方法。 サンプルではonclickイベントハンドラスクリプトを追加しています。赤い四角をクリックすると色が変わります。 Sun, 28 Mar 2010 02:03:06 +0900 http://www.openlaszlo-ason.com/doku.php/edittext_scrollbar <edittext>内の入力行数が表示可能行数を超えると、<scrollbar>が自動で表示されます。下のサンプルで4行以上入力してみてください。 本家フォーラムからの拾い物。 参考：<http://forum.openlaszlo.org/showthread.php?t=12723> Fri, 06 Mar 2009 19:47:53 +0900 http://www.openlaszlo-ason.com/doku.php/edittextfocus 複数ある<edittext>のうち、無効にしている<edittext>(偶数番号)を飛ばして奇数番号のところだけTAB移動フォーカスができるようにと、偶数番号の<edittext>にfocusable=“false”を入れても効きませんでした。<edittext>の場合、focusable=“false”ではなく、こう書くとうまくいきました。(なんかねーって感じですが^^;) Wed, 15 Apr 2009 00:49:52 +0900 http://www.openlaszlo-ason.com/doku.php/escape OpenLaszloのソースはXMLなので、特に文字としての < の取り扱いは要注意。 <text>で表示文字をエスケープ処理するにはescapeText()を使います。 入力欄に例えば「 >あいうえお <かきくけこ> 」と入力してください。赤いほうはノーマルで、< 以降はただしく表示されません。青いほうはエスケープしているので全部正しく表示されます。 Fri, 12 Jun 2009 00:29:13 +0900 http://www.openlaszlo-ason.com/doku.php/focus キーによるフォーカス移動はデフォルトでTABキーで可能ですが、Enterキーでもやりたい場合。 <handler name="onkeydown" reference="lz.Keys" args="k"> if(k=="13")lz.Focus.next(); </handler> <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <state name="toggle"> <handler name="onkeydown" reference="lz.Keys" args="k"> if(k=="13")lz.Focus.next(); </handler> </state> <button onclick="toggle.remove()" focusable="false" enabled="false">TABのみ <handler name="onapply" reference="tog… Fri, 16 Jan 2009 19:00:09 +0900 http://www.openlaszlo-ason.com/doku.php/fonts swf10限定の動作サンプルです。swf9だと一部のフォントがうまく反映されませんでした。swf10でも完璧じゃないですけど。。。。。ちなみにActionscript使ってます。 サンプルは、PC上のフォントリストを取得、その中から選んだフォントに動的に変更します。左がフォントリスト、右がフォントを適用した画面上の<text>コンポーネント。フォントリストでもサンプル的に表示できるようにしています。… Fri, 25 Dec 2009 00:12:05 +0900 http://www.openlaszlo-ason.com/doku.php/fullscreen 注意:フルスクリーンモード時はマウスクリックといくつかの非表示文字キーしか入力を受け付けない仕様(もちろんFlashの)です。なので、文字入力などはできません。 OpenLaszlo4.4以降 OpenLaszlo4.4.0から標準で全画面表示(フルスクリーンモード)に対応しました。 Thu, 14 Jan 2010 21:08:04 +0900 http://www.openlaszlo-ason.com/doku.php/getdate 普通にJavascript。 月と曜日は0から始まりますが、配列で使うのが前提だからだそうです。 getFullYear()4桁の西暦年getMonth()月(0:1月～11:12月)getDate()日getDay()曜日(0:日曜 ～ 6:土曜)getHours()時getMinutes()分getSeconds()秒getMilliseconds()ミリ秒valueOf()1970/1/1 0:0:0:000からのミリ秒 Tue, 17 Feb 2009 18:19:53 +0900 http://www.openlaszlo-ason.com/doku.php/getmyurl Flash8とローカルJavascriptの機能を使って、swfを埋め込んだHTMLのURLを表示しています。URL部分に日本語があると化けますが。。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <text> <handler name="oninit"> var url = flash.external.ExternalInterface.call("eval", "window.location.href"); this.setText(url); </handler> </text> </canvas> Sun, 18 Oct 2009 03:36:07 +0900 http://www.openlaszlo-ason.com/doku.php/gl ここは(秘)の非公式ページ Geeklog SNS内で開発中のデモアプリのデモ Sun, 05 Jul 2009 03:12:03 +0900 http://www.openlaszlo-ason.com/doku.php/grid グリッドにチェックボックス グリッドにチェックボックスを表示し、チェックした行(複数OK)に対して何か処理をするというサンプル。とりあえず、選択データの表示と、削除を入れています。 Fri, 27 Mar 2009 14:36:36 +0900 http://www.openlaszlo-ason.com/doku.php/handler イベントハンドラをオブジェクトに関連付けるタグ。 * name属性にはイベント名を書きます。<handler>タグの親タグにそのイベントが発生すると<handler>タグ内のスクリプトが実行されます。 * クラスの面からみると、イベントハンドラはオーバーライドされません。 * reference属性を使うと、<handler>タグの親以外の他のオブジェクトのイベントを拾うことができます。 Fri, 24 Oct 2008 02:10:26 +0900 http://www.openlaszlo-ason.com/doku.php/href リンクの仕方 ハイパーリンクはlz.Browser.loadURL()メソッドを使います。 サンプルでは色んなコンポーネントで試してみました。 もちろんリンク画像も作れます。<button>の代わりに<view resource=“xxx.png”>です。 Thu, 24 Dec 2009 01:18:52 +0900 http://www.openlaszlo-ason.com/doku.php/id%E3%81%A8name タグに名前をつけるための属性としてid属性とname属性の2種類があります。この名前を使って、そのタグが生成するオブジェクトにアクセスすることができます。 idとnameの違い idname意味一つのLZXソースで一つのみ。同一階層内で一つのみ。階層が異なればLZXソース内で同じ名前を使っても良い。アクセス方法id名のみでソースのどこからでも直指定可能。階層構造に従った相対パス指定。 <canvas>直下のタグのname属性 <canvas>直下のタグのname属性に関しては、id属性を使ったときと同じように直接指定できます。… Mon, 27 Oct 2008 11:53:47 +0900 http://www.openlaszlo-ason.com/doku.php/include OpenLaszloのソースコードは1ファイルで完結できますが、複数のファイルに分割することもできます。<include>タグを使うと、他のファイルの内容をインクルードできます。 <include>には3種類の使い方があります： Tue, 16 Mar 2010 10:54:41 +0900 http://www.openlaszlo-ason.com/doku.php/install インストール方法はいくつかあります。 私は下記の手順のとおり、JDK、Tomcat、OpenLaszloを個別に入れています。このほうがOpenLaszloバージョンアップが簡単だから。 下記手順に反して、OpenLaszloのダウンロード時にWindowsインストーラのを選ぶと、Tomcat込みのOpenLaszloが入ってしまいます。この場合、JDK＋OpenLaszlo(Tomcat付き)になります。でもこれだとOpenLaszloバージョンアップのたびにTomcatごと入れ替えることになるので、かえって面倒です。(個人的な気持ち)… Mon, 15 Mar 2010 16:11:40 +0900 http://www.openlaszlo-ason.com/doku.php/iro 色名で指定 bgcolor="silver" 基本16色は、上記のように数値でなく色名で指定可能です。 * 一覧 色名で指定Part2 基本16色に加え、いくつかの色名の定義がOpenLaszlo側で追加されています。この場合＄{}を使った下記のような記述になります。 Wed, 20 Jan 2010 11:08:02 +0900 http://www.openlaszlo-ason.com/doku.php/jst 協定世界時(UTC)の日付時刻を日本標準時(JST)に変換します。twitter APIとかのWebサービスでUTC時刻を返すような場合に便利。 (OpenLaszlo4.6.1/swf8) <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee" fontsize="20"> <simplelayout/> <text id="org" fgcolor="red"/> <text> <handler name="oninit"> var d = "2010-01-13 16:27:33"; org.setAttribute('text',"協定世界時(UTC):" + d); var d1 =d.substring(0,4); var d2 =d.substring(5,7); var d3 =d.substring(8,10); var t1 =d.substring(11,13); var t2 =d.substring(14,16)… Wed, 13 Jan 2010 01:38:08 +0900 http://www.openlaszlo-ason.com/doku.php/kurukuru くるくると円運動。 (OpenLaszlo4.3.0 swf8) <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <view bgcolor="#ff0000" width="20" height="20" x="${r+(r*Math.cos(cnt))}" y="${r+(r*Math.sin(cnt))}"> <attribute name="cnt"/> <attribute name="r" value="50"/> <animator attribute="cnt" from="0" to="$once{Math.PI * -2}" duration="1000" motion="linear" repeat="Infinity"/> </view> </canvas> Fri, 22 May 2009 14:29:45 +0900 http://www.openlaszlo-ason.com/doku.php/library ライブラリファイルのルート要素となるタグです。このライブラリファイルの拡張子もlzxです。 * <library>～</library>で作ったライブラリファイルは<include>タグを使ってメインファイル(<canvas>～</canvas>を記述したファイル)にインクルードします。 * ライブラリファイルのみでのコンパイルはできません。 Wed, 05 Nov 2008 19:31:27 +0900 http://www.openlaszlo-ason.com/doku.php/linkoffer 2008年末に開設した当サイトが2010年4月時点でになっているのを確認しました！ そこで、記念に当サイトトップページにあなたのサイトへのリンクを貼らせていただくことにしました。トップですよトップ！しかも相互リンクではなくてこちらからの一方的なリンク！ Mon, 31 May 2010 14:36:30 +0900 http://www.openlaszlo-ason.com/doku.php/loadfile SWF8 UTF8で「あそん」とだけ書かれた、改行コードの違う3つのテキストファイルを読み込んでいます。読み込んだ後にLZX側で改行コードをすべてCRに変換しています。エンコードされた文字列(化けたように見えている文字列)で青字は変換前、赤字は変換後です。 Mon, 05 Apr 2010 19:32:33 +0900 http://www.openlaszlo-ason.com/doku.php/lzx%E5%85%A5%E9%96%80%E4%BB%A5%E5%89%8D LZXで書くプログラムファイルはXML文書です。なので記述方法はXML文書の決まりに準拠します。 XML宣言 <?xml version="1.0" encoding="UTF-8"?> ソースコードはXML文書なので、すべてのソースファイルの先頭行にXML宣言を書きます。とりあえず上記そのままで。なくても動いたりしますけど。。。 Mon, 08 Dec 2008 01:36:16 +0900 http://www.openlaszlo-ason.com/doku.php/mouse クリックした位置にビューを瞬間移動 マウスの位置(x,y座標)を取得するには、 getMouse() サンプルはクリックした場所に赤い四角が瞬間移動します。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <view name="sq" width="20" height="20" bgcolor="0xff0000"/> <handler name="onmousedown"> var X = this.getMouse('x'); var Y = this.getMouse('y'); this.sq.setAttribute("x", X); this.sq.setAttribute("y", Y); </handler> </canvas>… Wed, 17 Dec 2008 14:09:52 +0900 http://www.openlaszlo-ason.com/doku.php/nan 足し算の合計欄とかで、数値が入ってない場合、非数値 NaN (Not A Number)が出たりします。 これを消すなどしたい場合 isNaN で処理します。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee" fontsize="15"> <simplelayout/> <text text="▼ NaNが出てしまう"/> <hbox> <attribute name="sum" value="${Number(this.a.value)+Number(this.b.value)}"/> <handler name="onsum" args="d"> this.s.setAttribute('text',d); </handler> <edittext name="a"/><text text="＋"/> <edittext name="b"/><text text="＝"/> <text n… Sun, 18 Oct 2009 03:36:07 +0900 http://www.openlaszlo-ason.com/doku.php/oval 斜めに楕円運動 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <view x="150" y="150"> <view bgcolor="blue" width="20" height="20" x="${(Math.cos(radAngle)*Math.cos(radDegree)*rLong) - (Math.sin(radAngle)*Math.sin(radDegree)*rShort)}" y="${(Math.cos(radAngle)*Math.sin(radDegree)*rLong) + (Math.sin(radAngle)*Math.cos(radDegree)*rShort)}"> <attribute name="rLong" value="120"/><!--長いほうの半径--> <attribute name="rShort" value="50"/><!--短いほうの半径--> … Thu, 18 Jun 2009 16:42:52 +0900 http://www.openlaszlo-ason.com/doku.php/panorama swf8バージョン パノラマ作成ソフトPano2VR2.1.1試用版で作ったswf(panorama_out.swf)をOpenLaszloの<window>の中に表示しています。 * 画像をドラッグしたら上下左右に動きます。ホイールを使うと拡大縮小ができます。 * Pano2VRは試用版なので、画像に「Pano2VR - Trial」の文字が入っています。 Thu, 14 May 2009 18:09:16 +0900 http://www.openlaszlo-ason.com/doku.php/perf ここで紹介するワザは気休めにしかならないかもしれないですが。。。 基本的に重たい宿命のFlashを作るのは何かとパフォーマンスとの闘いになるので、性能を数値で把握できるのはいいですね。 Fri, 12 Mar 2010 00:22:12 +0900 http://www.openlaszlo-ason.com/doku.php/phpgetpost バックグラウンドシステム(ここではたまたまPHP)とのデータ送受信例です。 * PHP側では受信データを込めたXMLを吐いているところに注目！ * SWFとPHPは同じドメイン内にないと、Flashのセキュリティに引っかかって動作しません。 Wed, 09 Dec 2009 17:31:23 +0900 http://www.openlaszlo-ason.com/doku.php/random 乱数生成は、Math.random()で。サンプルは、上が乱数生成されたままの値、下は加工して 1～10 が出てくるようにしたものです。 (OpenLaszlo4.6.1/swf8) <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout/> <button>乱数生成 <handler name="onclick"> var rand = Math.random(); txt.setAttribute('text',rand); var rand = Math.ceil(rand*10); txt2.setAttribute('text',rand); </handler> </button> <text id="txt"/> <text id="txt2"/> </canvas>… Wed, 11 Nov 2009 15:40:25 +0900 http://www.openlaszlo-ason.com/doku.php/replacecolor 画像の特定の色を変える(swf9以上限定) アシアル株式会社さまの<http://blog.asial.co.jp/641>のFlexでのブログ記事を参考にOpenLaszloで書き直してみました。 元記事はActionScript3.0で書かれているので、OpenLaszloではswf9以上でコンパイル必要です。 Fri, 04 Dec 2009 15:57:36 +0900 http://www.openlaszlo-ason.com/doku.php/rss ※ここのサンプルはSOLOモードです。(そもそも、このサイトのサンプルはすべてSOLOモード) YahooニュースのRSSを取得しています。サンプルアプリはSOLOモード、つまりswfです。見出しをクリックすると詳細記事にジャンプします。 Fri, 09 Jan 2009 17:05:31 +0900 http://www.openlaszlo-ason.com/doku.php/rssselect コンボボックスでニュースカテゴリを選択できます。サンプルはNHKのニュース。 スクロールしている見出しにカーソルを置くと止まります。カーソルをはずすとスクロール再開。 見出しをクリックすると詳細記事にジャンプします。 Tue, 13 Jan 2009 16:51:20 +0900 http://www.openlaszlo-ason.com/doku.php/rssticker ※ここのサンプルはSOLOモードです。(そもそも、このサイトのサンプルはすべてSOLOモード) NHKのRSSニュースを取得して、ティッカー風に流しています。タイトルをクリックすると記事ページが別ウインドウで開きます。 Fri, 09 Jan 2009 17:05:15 +0900 http://www.openlaszlo-ason.com/doku.php/script Javascriptを書いておくタグです。例えばアプリ全体で使うグローバル関数や変数を定義したいときに使えます。 * アプリのロード時、最初に必ず実行されます。 * <canvas>直下にのみ置くことができます。※他のタグの子要素にはなれません。 Fri, 24 Oct 2008 01:37:06 +0900 http://www.openlaszlo-ason.com/doku.php/scrollbar 基本形 <view ・・・ clip="true"> ← 親ビューにclip="true" <view>・・・</view> ← スクロール対象ビュー <scrollbar/> ← スクロールバー </view> * <scrollbar/>の親ビューにとっての最初のビューに対してスクロールができるようになります。 * 縦スクロールバーは親ビューの右端に配置、横スクロールバーは親ビューの底に配置されます。 Wed, 14 Apr 2010 23:14:54 +0900 http://www.openlaszlo-ason.com/doku.php/scrolltext ボタンを押すと一文字ずつカタカタと表示されます。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee" fontsize="16"> <class name="scrollText" extends="text"> <attribute name="fulltext" type="string"/><!-- 一文字ずつ表示する文字列 --> <attribute name="duration" type="number"/><!-- 一文字表示の所要ミリ秒 --> <attribute name="i" value="0" type="number"/> <handler name="oni" args="d"> this.setAttribute('text',this.fulltext.substring(0,d)); </handler> <animator name="a" attribu… Tue, 23 Jun 2009 02:28:10 +0900 http://www.openlaszlo-ason.com/doku.php/serialize datapointer.serialize(); データセットにあるXMLデータはオブジェクトになっています。ここから単なるテキストデータとしてXML文字列を取り出すにはserialize()を使います。 lz.DataElement.valueToElement(xml) ついでに、valueToElement()で、XMLデータオブジェクトをXML文字列に変換できます。 Tue, 24 Feb 2009 08:14:35 +0900 http://www.openlaszlo-ason.com/doku.php/setbgcolor OpenLaszloのswfアプリ側から、HTML上のJavascript関数を実行する例で、背景色を変更しています。 (OpenLaszlo4.6.1/swf8) <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee" width="300" height="50"> <simplelayout spacing="10" axis="x"/> <button>赤 <handler name="onclick"> var color = "#ffaaaa"; lz.Browser.loadJS("setHTMLbgcolor( '" + color + "' )"); </handler> </button> <button>青 <handler name="onclick"> var color = "#aaaaff"; lz.Browser.loadJS("setHTMLbg… Thu, 04 Feb 2010 20:20:05 +0900 http://www.openlaszlo-ason.com/doku.php/sharedobject SharedObjectを使うとクッキーみたいな感じでローカルにデータを保存できます。 ログイン画面のユーザ・パスワードの保存や、ゲーム/テストの結果の保存などの用途に使えますね。 var so = SharedObject.getLocal('userData'); SharedObjectの新規作成あるいは既存のをロード。 上記の記述例ではuserDataと名付けたSharedObject が変数soに割り当てられる。 so.data.属性名 = 値 リードオンリー。任意の属性名と値をセットで SharedObject内に保存できる。 * ブラウザをリロードするたびに閲覧回数の数字が増えます。 * 入力欄に何か入れて保存ボタンを押すと、その後ブラウザをリロードしても文字列はクリアされず復帰します。 * クリアボタンを押すと、閲覧回数、入力欄ともにリセットされます。… Fri, 26 Dec 2008 17:16:07 +0900 http://www.openlaszlo-ason.com/doku.php/sharedobjectxml SharedObjectにXMLを保存して、OpenLaszlo単体でDBシステムのようにふるまうアプリの例。サンプルアプリはSWFひとつで動いています。データはクッキーみたいにローカルに保存されます。 でも色々やってたら、ちょっとしたアプリになってしまいました(^^;)・・・コードは長いですが、たいしたことしていません。 Tue, 30 Dec 2008 13:02:34 +0900 http://www.openlaszlo-ason.com/doku.php/sidebar * このサイトについて * OpenLaszlo紹介 * OpenLaszloって何？ * LZX入門以前 * 情報源 * インストール方法 * XMLとJavascript * 開発ツール * プログラム構造関連 * <canvas> * <include> * <import> * <library> * 右クリックメニュー Thu, 03 Jun 2010 16:01:46 +0900 http://www.openlaszlo-ason.com/doku.php/sin 正弦波運動？って言い方が正しいかどうかはわかりませんが。。 (OpenLaszlo4.3.0 swf8) <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <view bgcolor="#ff0000" width="20" height="20" x="0" y="${r+(r*Math.sin(cnt))}"> <attribute name="cnt"/> <attribute name="r" value="50"/> <animator attribute="cnt" from="0" to="$once{Math.PI * -2}" duration="1000" motion="linear" repeat="Infinity"/> <animator attribute="x" from="0" to="${canvas.width}" duration="7000" motion="linear" rep… Fri, 22 May 2009 14:30:04 +0900 http://www.openlaszlo-ason.com/doku.php/slideshow swfファイルと同じディレクトリに、下記の名前でJPEG画像を保存します。 画像ファイルの大きさは何であれ、300×200に強制的に拡大縮小されます。 bg01.jpg bg02.jpg bg03.jpg bg04.jpg bg05.jpg この５個のファイル名は固定です。 違うのと入れ替えるとその画像が動的に反映されます(たぶん)。 画像を変えるたびにコンパイルしなおす、という必要は全くなくなり、いつまでも汎用的に使えますね。といいつつ、あんまりテストしてないので、変だったらご連絡ください。画像を入れ替えても反映しないときはブラウザのキャッシュをクリアしてください。… Sat, 08 May 2010 14:16:00 +0900 http://www.openlaszlo-ason.com/doku.php/spinner OpenLaszloの付録であるlzpixデモからの拾い物。 画像はダウンロードしたOpenLaszloの \demos\lzpix\assets\spinner の中にあります。 このコードだと、imagesディレクトリ内に任意の画像ファイルを複数個入れておくだけでアニメーションしてくれます。 Thu, 01 Oct 2009 15:19:43 +0900 http://www.openlaszlo-ason.com/doku.php/start OpenLaszlo は【 お ー ぷ ん ら ず ろ 】と読みます。 XMLを書いてFlashアプリやDHTMLアプリを作る無料ソフトです。 ■↑のソースはここ もう少し正確に言うと、OpenLaszloはブラウザで動くRIAアプリ(リッチインターネットアプリケーション)を作るオープンソースソフトウェア(OSS)です。RIAアプリを動かすプラットフォームとして、FlashやDHTMLが採用されています。 Mon, 15 Mar 2010 08:22:23 +0900 http://www.openlaszlo-ason.com/doku.php/stringtolzdata LzDataElement.stringToLzData(xml文字列) ただのテキスト文字列XMLをデータオブジェクトに変換してデータセットに入れて、データポインタでアクセスできるようにする方法。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <dataset name="ds" /> <datapointer xpath="ds:/root"> <handler name="ondata"> var err_cd = this.xpathQuery('@err_cd'); msg.setAttribute('text',"err_cdは："+err_cd); </handler> </datapointer> <handler name="oninit"><![CDATA[ var xml = '<root err_cd="0"></root>'; var lde = LzDataElement.stringToLzD… Sun, 18 Oct 2009 03:36:06 +0900 http://www.openlaszlo-ason.com/doku.php/substring substring(start,end)start・・・最初の文字の番号 end・・・・最後の文字の次の番号 先頭文字は0番。つまり、最初の4文字を抜き出したい場合、 [0,1,2,3]を抜くことになり、 start=0、end=4になります。 別の言い方すると、最初の文字番号startに、 抜き出したい文字数を足したものがend。 Fri, 13 Feb 2009 11:46:11 +0900 http://www.openlaszlo-ason.com/doku.php/swfname たとえば、SOLOモードでurl.swfの場合。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <script> var n = _root._url; var swfname = n.substring(n.length-7, n.length); </script> <text text="${swfname}"/> </canvas> Mon, 06 Apr 2009 20:08:13 +0900 http://www.openlaszlo-ason.com/doku.php/swicth-case * switch、case、break、defaultがキーワード。 * 特にbreakの書き忘れに注意。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <method name="isAN" args="data"> switch(data){ case("1"): case("2"): case("3"): t.setText("数字です。"); break; case("a"): case("b"): case("c"): t.setText("これは英字。"); break; default: t.setText("英数字以外。"); break; } </method> <simplelayout/> <radiogroup layout="axis:x; spacing:2"> <handler name… Sun, 18 Oct 2009 03:36:06 +0900 http://www.openlaszlo-ason.com/doku.php/tab_focus swf8用 WindowsでIMEオンにしたが最後、TAB移動が一切できなくなる(ありえねー！)場合があります。バグですね。わかってるのはWindowsでswf8のとき。swf7とかMacの場合は大丈夫らしいです。 Actionscriptを裏技的に使ってるので下記のはswf8のみ対応。 Fri, 15 Jan 2010 00:45:33 +0900 http://www.openlaszlo-ason.com/doku.php/test 私(ason)専用。個人的に使用する単なるテスト・デモ用の非公開ページです。 教材サンプル テスト用画像 Array Array Array Array Array この内容を表示するためには Adobe Flash Plugin が必要です。 Tue, 15 Jun 2010 15:02:18 +0900 http://www.openlaszlo-ason.com/doku.php/textalign <text>タグ内での文字列の配置。 text-align属性 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout spacing="10"/> <text textalign="center" width="200" bgcolor="0xaaaaff">センタリング</text> <text textalign="right" width="200" bgcolor="0xaaaaff">右寄せ</text> </canvas> Thu, 02 Apr 2009 17:46:54 +0900 http://www.openlaszlo-ason.com/doku.php/textdecoration <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee" fontsize="20"> <simplelayout/> <text textdecoration="underline">textdecoration="underline"</text> <text fontstyle="plain">fontstyle="plain"</text> <text fontstyle="bold">fontstyle="bold"</text> <text fontstyle="italic">fontstyle="italic"</text> <text fontstyle="bold italic">fontstyle="bold italic"</text> </canvas> Mon, 16 Feb 2009 23:13:44 +0900 http://www.openlaszlo-ason.com/doku.php/tools 開発は文字コードUTF-8(BOMなし)に対応したテキストエディタなら何でもOKです。 OpenLaszlo対応のフリーの開発ツールは下記のとおり。OpenLaszlo独自のタグの入力補完とかしてくれます。 XML Copy Editor オープンソース(GPL)。 配布パッケージはWindows、Linuxで利用可能。 Spket IDE 非商用利用なら無料。商用利用はライセンス購入必要。配布パッケージはEclipseプラグイン形式(Eclipseが動くOSで利用可能)、スタンドアロン形式(Windows、Linuxで利用可能)の2種類。 NetBeans(＋OpenLaszloプラグイン) オープンソース(CDDL、GPLのデュアル)NetBeansがJavaアプリなので、Javaが動くOS(Windows、Linux、Mac、Solaris等)で利用可能。… Tue, 19 May 2009 16:52:08 +0900 http://www.openlaszlo-ason.com/doku.php/twitter 当サイトの左上にあるアプリです。とりあえず、指定したID(ここではopenlaszlo_ason)のtwitterタイムラインの表示だけです。 * タイトルクリックでopenlaszlo_asonタイムラインのページに飛ぶ * マウスオーバーで各行の高さが変わる * マウスホイールにも対応 Thu, 19 Aug 2010 13:41:19 +0900 http://www.openlaszlo-ason.com/doku.php/upload ▼サンプルアプリの仕様 * サーバサイド言語はPHPを使った例。PHPよくわかりません(TT)。PHPのは必要最小限のコード。 * アップロード可能ファイルはJPEGに限定しています。下記にあるテスト用の３画像か、ご自分の画像をアップロードしてください。変なのはアップロードしないようにm(_ _)m * LZXとPHPは同じディレクトリに配置。アップロードされたJPEGファイルは、サブディレクトリuploadに同一名で上書き保存。 * アップロードすると表示されている画像が切り替わります。アップロードしても画像変わらないときはブラウザのキャッシュを消してください。… Wed, 07 Oct 2009 07:23:43 +0900 http://www.openlaszlo-ason.com/doku.php/uploadfiles 単一ファイルアップロードと複数ファイルアップロードをひとつの自作クラス<fileControl>に。ゆくゆくはダウンロードやas3対応も仕込みたいところ。 下記サンプルでは、上が単一アップロードで、下が複数アップロードです。複数アップロードするには、選択ポップアップ画面でSHIFTキー(or CTRLキー)押しながらファイルをクリックしていくと複数ファイル選べます。 Tue, 06 Apr 2010 13:24:02 +0900 http://www.openlaszlo-ason.com/doku.php/url%E3%81%8B%E3%82%89%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E5%8F%97%E3%81%91%E5%8F%96%E3%82%8B 例えば下記のようなデータをswfに渡したい場合・・・ data1=AAA data2=BBB URLはこんな感じになります。 http://・・・/test.swf?data1=AAA&data2=BBB LZX側は global を使ってURLパラメータからのデータを変数に格納します。 Sun, 07 Dec 2008 14:47:53 +0900 http://www.openlaszlo-ason.com/doku.php/visible ビューが増えたり減ったり 条件ごとにビューが増えたり減ったりの例。 <?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <simplelayout axis="x" spacing="10"/> <radiogroup name="r"> <radiobutton text="なし" value="0"/> <radiobutton text="赤" value="1"/> <radiobutton text="赤＋緑" value="2"/> <radiobutton text="赤＋緑＋青" value="3"/> </radiogroup> <view name="red" width="20" height="80" bgcolor="red" visible="false"> <handler name="onselect" reference="r"> this.setAttri… Sun, 18 Oct 2009 03:36:07 +0900 http://www.openlaszlo-ason.com/doku.php/vslider 標準で提供されているスライダーは横スライダーだけですが、lps/components/incubatorディレクトリ(色んな人が作って無償提供してくれたコンポーネント類が入ってます。)にvsliderという縦スライダーがあります。スライダーの値の変化はonvalueで拾います。(下記ソースには2種類のやりかたを書いています) ※incubatorにあるコンポーネントを使うには該当ライブラリ(.lzx)をインクルードします。… Sun, 21 Feb 2010 23:26:07 +0900 http://www.openlaszlo-ason.com/doku.php/whiteboard 自由線を描けるホワイトボードです。 本家フォーラム<http://forum.openlaszlo.org/showthread.php?t=12994>からの拾いものです。swf8/swf10/dhtmlで動きました。 (OpenLaszlo4.7.2/swf10) <canvas proxied="false" bgcolor="0xaaaaaa" width="500" height="400"> <drawview width="450" height="350" bgcolor="white" clickable="true" align="center" valign="middle" clip="true"> <attribute name="mx" type="number" value="$always{ this.getMouse('x')}" /> <attribute name="my" type="number" value="$always{ this.getMouse('y')}" /> <attribute na… Thu, 03 Jun 2010 16:05:27 +0900 http://www.openlaszlo-ason.com/doku.php/xml%E3%81%A8javascript OpenLaszloでのXMLとJavascriptの位置づけを簡単に説明します。 おおまかにいうと、画面に表示するモノをXMLタグで、その動作をJavascriptで、記述していく形になります。取り扱うデータはXML形式になります。 Mon, 13 Oct 2008 16:01:59 +0900