Code license:	Apache License 2.0
Labels:	javascript, jquery, jqwebext

Show all Featured downloads:
jqwebext-0.2.1.zip

Blogs:	Rack Lin (chinese)
Feeds:	Project feeds
Groups:	jQWebExt

People details

Project owners:
	racklin

Introduction

jQWebExt - jQuery Simple MVC and plugins Components framework.

Features

With jQWebExt MVC

Your html is clean and NO or few javascript code. Any 3rd party's javascript or function can be setup in jqwebext_config.js. So your html just only two line of javascript src.

<script src='jquery.pack.js' type='text/javascript'></script>
<script src='jqwebext.js' type='text/javascript'></script>

Any things is automatic with jQWebExt MVC framework.

With jQWebExt Component

Javascript Programmer can register jQuery plugins with Simple small extension function to jQWebExt framework with OPTIONS. Then Web(HTML) designer no need to know and no need to write any javascript code. Web(HTML) designer just need to setup the options of plugins, and all plugins will autorun when DOM has loaded .

jQWebExt make jQuery more easier to use and no or few javascript code in your html.

Configs

You can setup jQWebExtConfig before

<script src='jqwebext.js' type='text/javascript'></script>

jQWebExtConfig will like this:

<script>
var jQWebExtConfig = {config: 'jqwebext_config.js', path: '', pageId: ''};
</script>

config: the config filename , default is jqwebext_config.js

path: where your javacript path. can use http:// for full address.

pageId: jQWebExt will auto detect pageId. you can setup it custom.

jqwebext_config.js

jqwebext_config.js sample and document bellow :

// jQWebExt Config
jQWebExt.options.Config = {

  /*
   * Default config will process at any page id.
   */
  'default': {
    /*
     * Require third party's javascript, separate with comma
     */
    'requires': 'plugins/jquery.dimensions.pack.js',

    /*
     * Register global functions
     */
    'functions': {
        test: function() {
            alert('cool! test function in jqwebext_config.js');
        }
    },

    /*
     * Auto Run on DOM Ready.
     * Like jQuery(document).ready( function ...)
     */
    'ready': function () {
      alert('dom ready function in jqwebext_config.js DEFAULT Block');
    }

  },

  /*
   * pageId or Body id='helloworld'
   */
  'helloworld': {
     'ready': function () {
        alert('dom ready function in jqwebext_config.js helloworld Block');
     }
  },

  /*
   * pageId or Body id='tooltip'
   */
  'tooltip': {
    'requires': 'jqwebext.tooltip.js',
    'ready': function () {
        alert('dom ready function in jqwebext_config.js!! \n is Tooltip page?? cool!!!');
     }
  }

};
// callback jQWebExt to process Config.
jQWebExt.Config();

Details

jQWebExt Function:

This object also has a function called register. By calling this function you register that new javascript functions to be called up after the DOM has loaded and with 'SETUP OPTIONS'.

require:

This object also has a function called require. By calling this funtion will auto include third-party .js file with document.write('<script src=''></script>). So user no need to know what third-party javascript is dependent with your plugins.