About

Welcome to the Toolkit-JS

This is a cross browser JS OOP Architecture. This was based on wezside toolkit in AS3.

Contain These Libraries:
Utensil

Compatible with all browser from IE7:


Compatible with GreenSock's Tweening Engine

What is it?

With this toolkit you can build extendable objects which are fully inheritable.

The UIElement is the main object which is the minimal that you should extend because all the other classes extend it. The UIElement does all the cross browser code for each method it contains. It creates a DIV as its base which will be positioned absolute to allow you to move it via the x() and y() functions. The styles will be set by CSS with a classname that you provide in the className() method. The children that you add gets added to another DIV within the UIElement which is called the childContainer to allow you to set overflow hidden and hide the children. There are many other reasons for the childContainer.

Have a look at the different layout managers such as VerticalLayout or HorizontalLayout as these will automatically lay out the child for you. The good thing about layouts is that you can use multiple ones at the same time.

Live Code Editor/Preview

This editor shows you code samples and you can add some code to try the toolkit yourself.



Example of the UIElement

var View = function() {
}  
Class.extend(View, UIElement);      

var view = new View();
view.build();
view.setStyle();
document.body.appendChild(view.display);
view.arrange();