ハイパーリンク

ハイパーリンクはlz.Browser.loadURL()メソッドを使います。

サンプルでは色んなコンポーネントで試してみました。

もちろんリンク画像も作れます。<button>の代わりに<view resource=“xxx.png”>です。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <simplelayout spacing="10"/>
  <button>ハイパーリンク(Laszlo.jpへ)
    <handler name="onclick">
      lz.Browser.loadURL('http://laszlo.jp/','_blank'); 
    </handler>
  </button>
 
  <text fgcolor="0x0000ff" textdecoration="underline">ハイパーリンク(Laszlo.jpへ)
    <handler name="onclick">
      lz.Browser.loadURL('http://laszlo.jp/','_blank'); 
    </handler>
  </text>
 
  <text>
    これはテキスト文中の<font color="#0000ff"><u><a href="http://laszlo.jp/" target="_blank">ハイパーリンク(Laszlo.jpへ)</a></u></font>です。
  </text>
 
  <checkbox>ハイパーリンク(Laszlo.jpへ)
    <handler name="onclick">
      lz.Browser.loadURL('http://laszlo.jp/','_blank'); 
    </handler>
  </checkbox>
 
  <radiobutton>ハイパーリンク(Laszlo.jpへ)
    <handler name="onclick">
      lz.Browser.loadURL('http://laszlo.jp/','_blank'); 
    </handler>
  </radiobutton>
 
  <tree>ツリー
    <tree>ハイパーリンク(Laszlo.jpへ)
      <handler name="onclick">
        lz.Browser.loadURL('http://laszlo.jp/','_blank'); 
      </handler>
    </tree>
  </tree>
 
  <menubar width="200">
    <menu>メニュー
      <menuitem>ハイパーリンク(Laszlo.jpへ)
        <handler name="onclick">
          lz.Browser.loadURL('http://laszlo.jp/','_blank'); 
        </handler>
      </menuitem>
    </menu>
  </menubar>
 
</canvas>

マウスを載せると色が変わったり、アンダーラインが変わったり。アンダーラインはtextdecorationで設定します。

(OpenLaszlo4.6.1/swf8)

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee">
  <text fontsize="20" fgcolor="blue" 
      textdecoration="underline">ハイパーリンク
    <handler name="onmouseover">
      this.setAttribute("textdecoration","none");
      this.setAttribute("fgcolor","red");
    </handler>
    <handler name="onmouseout">
      this.setAttribute("textdecoration","underline");
      this.setAttribute("fgcolor","blue");
    </handler>
  </text>
</canvas>