t() function is the entry function for teleiotes programming. It returns a telobj object corresponding to given DOM object. This is done using id of the DOM object. This object can directly be used to trigger 

various DHTML/CSS/Animation/AJAX functions like:

 

 

t("#foo").SetHtml("<div id='bar'></div>");

t("#foo").AppendHtml("<div id='bar'></div>");

x = t("#foo").GetHtml();

t("#foo").Style("width" , "200px");

 

Loading server content through AJAX is as simple as:

 

//for a server file (or XML processed on server)
t("foo").Load("bar.aspx");

t("foo").Load("bar.txt");

//for XML content from server (static/dynamic)

t("foo").LoadContentInto("foo.xml" , handler);

function handler()
{
    var x = this.responseXML;
}

 

Advance developers can use detailed AJAX package for sending requests / getting response from server side page or for getting some resource from the server (such as an XML file).

The syntax for direct use goes here:

    var v = new tel.Variables();
    v.URL = <your url here>;
    v.<attribute name> = <attribute value>;
    v.fire(<handler>, v);

    function handler()
    {
          <use the data as this.responseText or responseXML>
    }

Following parameters are accepted with Variables Object :

  • HTTP_METHOD   "GET" or "POST"
  • AJAX_SEND_MODE    true for async
  • DOM_DEST   only applicable if you want to directly dump the server-formatted data into a DOM element with a <selector>.Load("url")
  • URL    necessary parameter. URL of reqd. page/resource. 

Version 1.2 supports full-force animation functionality using key-frame animation concept :

format to AddKeyFrame("<property-css>" , <target-val> , <step-size> , <delay-ms>);

 

var p = t("#foo").StoryBoard();

p.AddKeyFrame("width", 235, 6, 23);
p.AddKeyFrame();
p.AddKeyFrame();

...

p.Animate();

 

Last edited Nov 3, 2010 at 2:27 PM by mihsathe, version 1

Comments

No comments yet.