test.lzx

<!-- Resources and positions for weather demo on 176x208 canvas -->
<canvas width="176" height="208" bgcolor="0x7F7F7F">
    <!-- No mouseover or mousedown state for zip "button" b/c it's really just
        a label --> 
    <resource name="zip_btn_rsc" src="zip_btn_up.png"/>

    <!-- ok btn only has up and down states, no mouseover, because we have no
        mouse on mobile --> 
    <resource name="zip_ok_btn_rsc">
        <frame src="zip_ok_btn_up.png"/>
        <frame src="zip_ok_btn_dn.png"/>        
        <frame src="zip_ok_btn_mo.png"/>                
    </resource>
    
    <resource name="logo" src="laszlo_weather_logo.png"/>    
    <resource name="weather_bg" src="clouds.png"/>
    <resource name="enter_zip" src="enter_zip_type.png"/>

    <view x="0" y="0" resource="weather_bg"/>
    <view x="31" y="5" resource="logo"/>
    <view x="15" y="154" resource="enter_zip"/>
    <view x="17" y="177" resource="zip_btn_rsc"/>
    
    <!-- This view now has mouseover and mousedown states. 
        Mouseover is subtle and should probably be more pronounced.
     -->
    <view x="116" y="177" resource="zip_ok_btn_rsc">
        <handler name="onmousedown">
            this.setAttribute('frame', 2);
        </handler>
        <handler name="onmouseup">
            this.setAttribute('frame', 0);
        </handler>        
        <handler name="onmouseover">
            this.setAttribute('frame', 1);
        </handler>
        <handler name="onmouseout">
            this.setAttribute('frame', 0);
        </handler>

    </view>
    <view bgcolor="0xFFFFFF" x="50" y="181" width="66" height="12"/>
    <inputtext id="zipcode" x="52" y="179" width="60" fontsize="10">94403</inputtext>
</canvas>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2006-2008 Laszlo Systems, Inc.  All Rights Reserved.                   *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
<!-- @LZX_VERSION@                                                          -->

Cross References

Resources

Name Source Image
zip_btn_rsc zip_btn_up.png
zip_ok_btn_rsc zip_ok_btn_up.png
zip_ok_btn_dn.png
zip_ok_btn_mo.png
logo laszlo_weather_logo.png
weather_bg clouds.png
enter_zip enter_zip_type.png

Named Instances