Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

jQuery plugin to load a widget.

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 css
Octocat-spinner-32 js
Octocat-spinner-32 samples
Octocat-spinner-32 README.markdown
README.markdown

Simple Widget Loader

jQuery plugin to load a fully customizable widget.

Customization options provided under this plugin are as below:

url:

Specify the url from which you want to load your data.

urlReturnType:

Object type of the URL data. Currently only jsonp is supported. json and other types will be handeled soon

height:

Height of the widget.

width:

Height of the widget.

bgColor :

Background color of the widget.

border :

Border and border type for widget.

headerSize :

Headersize of the widget. currently HTML h1,h2 and h3 options are supported. Headers cannot be edited as of now.
This functionality will be added in next release.

footerSize :

Footersize of the widget. currently HTML h1,h2 and h3 options are supported. Footers cannot be edited as of now.
This functionality will be added in next release.

headerBgColor :

Header's background color.

footerBgColor :

Footer' s background color.

headerTitle :

Title for header. Alignment could be provided through css.

footerTitle :

Title for footer. Alignment could be provided through css.

displayType:

Currently only singleColumnType display is supported. More will be added soon.

Example code.

$("#resultDiv").widgetLoader({
                url: 'http://search.twitter.com/search.json?q=blue&callback=processData',
                urlReturnType: 'jsonp', 
                height: 500,
                width: 400,
                bgColor : 'lightblue',
                border : 'lightblue',
                headerSize : 'h3',
                footerSize : 'h3',      
                headerBgColor : 'lightblue',
                footerBgColor : 'lightblue',
                headerTitle : 'Twitter Search Results',
                footerTitle : 'Twitter'
        });

Detailed description:

Change the fucntion "singleColumnDisplay" according to your needs to display your widget as you want.

More customization options coming soon.

Something went wrong with that request. Please try again.