Docs - Tiny Javascript Library - updated 8th June 2011
Apologies for the very poor quality of these pages - I really have very lil time to spend here [regretably].
Apologies for the lack of a properly commented and re-factored version of the library - same reason.
Apologies for lack of LINT version to allow packering.
Enjoy!
As I get a minute I will see to some of those things. Thank you for your understanding.
Please do leave a comment or question if you have one and I will post it her.
I taught at University for some years and have learnt this - there is no such thing as a stupid question. If you are not sure, you can guarantee many others are in the same boat. - always ask :)
Tiny javascript library: Easily editable (by a baby) = Extendable - Full support for Flash - Cross Browser support - 3k.
Science is fun!!!! never take it seriously.
Usage of Tiny Library.
name
getter
or
setter
usage - get
usage - set
comments
get/set
$(id).w();
$(id).w(value);
.
get/set
$(id).h();
$(id).h(value);
.
top
get/set
$(id).t();
$(id).t(value);
The element must be
position:absolute or relative
in css or styled
so dynamically
by javascript.
left
get/set
$(id).l();
$(id).l(value);
dito
right
get/set
$('id').r();
$(id).r(value);
dito
get/set
$(id).op();
$(id).op(value);
get/set
$('id').css('param');
$('id').css(param,value);
The general case.
Returns native units.
get/set
$(id).s(param);
$(id).s(param,value);
get the computed
style returns 'px'
set
$(id).fl('myFilm.swf',height,width,"param pairs","flashVars pairs");
.
inject flash -
not in tiny library
set
$(id).A('params','values',period,callback(){});
.
(
get/set
$(id).col();
$(id).col(colour);
not in tiny library
set
$(id).Ac("param","argR,argG,argB",period,callback(){});
.
not in tiny library
get/set
$(id).rad();
$(id).rad(value);
NOT IE <9
not in tiny library
nb. must be pre-set
with javascript
before animating.
get/set
$(id).html();
$(id).html(HTML);
.
A touch of class.
Setters only: width, height, css and a few more. Syntax as above but use $$ instead of $.
ex $$(myClass).w(500); change the width of all elements with class 'myClass' to 500px (not in tiny lib)
You can get a full library below - But I strongly suggest you trim out the bits you are not using for
the sake of size.
width
set
$$(class).w(value);
height
set
$$(class).h(value);
opacity
set
$$(class).op(value);
style
set
$$(class).css(param,value);
animate
set
$$(class).A(params,values,period,callback(){});
border
radius
set
$$(class).rad(value);
mouse
events
listen
$$(class).mouse(mouseEvent, callback function);
ex: $$('myClass').mouse('onclick', function(){ alert('You Clicked me!')});
Some box
class="boxx"
Some other box
class="boxx"
more box
class="boxx"
box x xxxxxxxxxxx xxxxxxxxxxxxxx xbox
class="boxx"
bix box
class="boxx"
$$('boxx').A('borderRadius,height','0,70',100);
$$('boxx').op('.5');
Click me!
$$('boxx').A('borderRadius,height,op','90,50,1',100);
Click me!
So at higher speeds we are not really talking 'ms', its really 'faster' and 'slower'