WAML - Web Application Markup Language

WAML - Web Application Markup Language

Posts 1-1 of 1
  • Evgenios Skitsanos
    Evgenios Skitsanos    Group moderator
    The company name is only visible to registered members.
    WAML :: This Week Additions
    Hello Everyone,

    In case, if for any reason, you did't managed to visit WAML Forums (https://www.xing.com/net/waml) these days, i just want to let you know that there are couple of new UI widgets were implemented.


    *****wa:Flash
    Renders Flash object

    Parameters:

    * @swf - The file path and name to your swf file.
    * @width - The width of your Flash movie.
    * @height - The height of your Flash movie.
    * @version - The required player version for your Flash content. This can be a string in the format of 'majorVersion.minorVersion.revision'. An example would be: "6.0.65". Or you can just require the major version, such as "6".
    * @backgroundColor - This is the hex value of the background color of your Flash movie.

    Example:

    <wa:Flash id="myFlash" movie="http://images.templatemonster.com/screenshots/13300/13364.sw... version="8" width="300" height="200" backgroundColor="#EFEFEF"/>


    **** wa:Calendar
    Displays clickable calednar icon. On click shows pop-up calendar. Selected date value can be assigned to any textbox.

    Syntax

    <wa:Calendar id="myCalendar1" bindTo="txtData"/>
    or
    <wa:Calendar id="myCalendar1"/>

    Parameters

    * @id - unique identificator of your UI object
    * @bindTo - id of textbox (<input/>) to bind date selection result. If none provided JavaScript alert() function will be used to display result.


    *****wa:Carousel
    One more blowing UI widget now added to WAML. Thanks to Bill Scott for great YUI extensions (http://billwscott.com/carousel/)

    The carousel component manages a list of content (HTML UL and LI elements) that can be displayed horizontally or vertically. The content can be scrolled back and forth with or without animation. The content can reference static HTML content or the list items can be created dynamically on-the-fly.

    So now absolutelly same thing available within WAML with very simple syntax:

    <wa:Carousel id="CarouselComponent">
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/74/162582364_7fc3e2d60d_s.jpg"... width="75"/>
    <br/>Number 1
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/67/162582262_e969394bc3_s.jpg"... width="75"/>
    <br/>Number 2
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/49/162582189_e0571b02e2_s.jpg"... width="75"/>
    <br/>Number 3
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/53/162581581_de49021696_s.jpg"... width="75"/>
    <br/>Number 4
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/74/161894590_9a1a9788e1_s.jpg"... width="75"/>
    <br/>Number 5
    </wa:CarouselItem>
    <wa:CarouselItem>
    <img height="75" src="http://static.flickr.com/55/161894230_a4f1baf3d2_s.jpg"... width="75"/>
    <br/>Number 6
    </wa:CarouselItem>
    </wa:Carousel>

    You can put as many Carousel componets on your page as you want.

    Credits

    The Original Carousel component was written by Bill Scott. Special thanks to Dustin Diaz for providing an example of the correct way to structure the HTML to get around some annoying layout issues. Also thanks to Matt Sweeney for pointing out a way around a Firefox/IE discrepency when adding a temporary node. And special thanks to the Yahoo! User Interface team for the excellent Y!UI library. Other contributors have been Dan Hobbs (CNet) for ideas about prebuilding elements for out of order loading; Yuval Karjevski for initial contribution for insert items (and soon remove items); Lawrence Carvalho for many ideas including making the carousel accessible (future version!). Also thanks for ideas & bug reports from: Steve Yates, Chris Maxwell, Tony Hirst, David Ehlers and others.


    ****MORE STUFF
    You can find WAML "language in progress" bits on http://www.grafeio.eu/waml

    Want to contribute your AJAX bits or some useful JavaScript functions? drop me a line on skitsanos [at ]gmail [dot] com
    • 28 Jan 2007, 9:37 pm