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
width
get/set
$('id').w();
$('id').w('value');
.
height
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
style
get/set
$('id').css('param');
$('id').css('param','value');
The general case.
Returns native units.
style
get/set
$('id').s('param');
$('id').s('param','value');
get the computed
style returns 'px'
flash
set
$('id').fl('myFilm.swf',height,width,"param pairs","flashVars pairs");
.
inject flash -
not in tiny library
animate
set
$('id').A('params','values',period,callback(){});
.
(
colour
get/set
$('id').col();
$('id').col(colour);
These two functions
to be upgraded soon
not in tiny library
animate
colours
set
$('id').Ac("param","argR,argG,argB",period,callback(){});
.
not in tiny library
border
radius
get/set
$('id').rad();
$('id').rad(value);
NOT IE <9
not in tiny library
nb. must be pre-set
with javascript
before animating.
html
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.
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,200',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'