NoGray JS API Documentation vs. 1.1.0 Full+Lite

Get the Code
Download the latest version of the NoGray JavaScript Library
 
Licensing
We offer two types of licenses, personal and commercial. Find out more.
Donate
We thrive on your donations. If our scripts has helped, please donate.

Introduction

The NoGray JavaScript Library was developed to be a complete JavaScript framework that ease development of web apps and dynamic websites. The main goal is to maintain a backward compatible JavaScript library and continue to add new functionality.

Configuration

Since the NoGray JavaScript library includes a built in Language, Plug-ins, Components and Buttons systems, it requires some basic configuration and setting. Review the Configuration section on how to configure your library.

How to Use

To start using the NoGray JavaScript Library, you need to include the script ng_all.js on the bottom of your page. It's important to include all the script files on the bottom of your page to increase the page load time and to avoid any loading errors.
 
<script type="text/javascript" src="path/to/ng_all.js"></script>
<script type="text/javascript">
    ng.ready( function(){
        // code to run when page loads
    });
</script>
</body>

DocType

Document type is a very important part of any HTML file. Without a valid document type, the browser will revert to quirk mode and your page will look different in different browsers. It doesn't matter what document type you use as long as you have one, and the doctype tag should be the first line of your page without any spaces ahead of it. The following are two examples of common document types (do not include the comments above the doctype in your files):
 
<!-- XHTML Transitional -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- OR -->
<!-- HTML 5 -->
<!DOCTYPE HTML>

Features

  • Easy to use and understand.
  • DOM, Events and Ajax support.
  • Extends HTML Elements to ease cross platform development.
  • Language System for easy translation.
  • Built in Plug-ins and Components System for advance controls.
  • Fully featured Buttons object.
  • and much more...