How to load Nedil JS and Nedil Widgets

Installation

CSS Selectors

$.get() Nedil Objects ($.Objs) General Selectors Attribute Selectors Child Selectors Sibling Selectors

Event Handling

on() off() trigger() $.self() $.currentEvent Events

DOM Manipulation

Common - Two ways of Usage addChild() addParent() wrapChildren() removeChild() getChildren() isChild() isParent() nextSibling() previousSibling() isSibling() childIndex()

Utilities

forEach() html() text() pos() posAbs() dim() mouse() mouseAbs() style() css() hasCSSClass() selection() convertHexRGB() cloneJSON()

Data Structures

Stack Queue Table

AJAX APIs

AJAX Request load() ajaxSubmit() toJSON()

Animation APIs

Animation Parameters Location Animation Dimension Animation Color Animation CSS Animation Paths and Easing

Widgets Creation

How to create a widget ? About Default Widgets

Installation

Load - Nedil JS

Download Nedil.js library file and load in <head> section of the page

HTML
												<head>
						
							<script type="text/javascript" src="PATH_TO/Nedil.js"></script>
							
						</head>

Load - Nedil JS + Nedil Widgets

To use Nedil Widgets, order of loading should be Nedil.js, Nedil_Widget.css and Nedil_Widget.js and Nedil Widgets images directory should be placed at the same location of Nedil_Widget.css

HTML
												<head>

							<script type="text/javascript" src="PATH_TO/Nedil.js"></script>
							
							<link rel="stylesheet" type="text/css" href="PATH_TO/Nedil_Widget.css" />
							
							<script type="text/javascript" src="PATH_TO/Nedil_Widget.js"></script>
							
						</head>

Usage

Nedil or $

All NedilJS apis can be accessed by "Nedil" variable. Shorthand is "$". For convenience, At all the places in this documentation "$" is used for referrring "Nedil". Both can be used interchangeably.

HTML
												<head>
						
							<script type="text/javascript">
							
								$.get();
								
								Nedil.get();
								
							</script>
							
						</head>