Blapy: jQuery plugin to load linked pages using AJAX

Recommend this page to a friend!
  Info   View files Example   Demos   View files View files (977)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2024-01-30 (-6 hours ago) RSS 2.0 feedNot yet rated by the usersTotal: 183 All time: 285 This week: 3Up
Version License JavaScript version Categories
blapy 1.53MIT/X Consortium ...1.0AJAX, jQuery, Utilities and Tools, Te...
Description 

Author

This is a jQuery plugin to load linked pages using AJAX.

It can traverse the current page to find all links and forms with the data-blapy-link attribute or other tags with the data-blapy-href attribute.

When those links are clicked or forms are submitted the plugin will intercept those events and send AJAX requests to load the content and replace it without actually reloading the whole page.

The loaded page can replace part of the current page container.

If the loaded content is a JSON object, its values will be used to replace in the page template placeholders.

Innovation Award
JavaScript Programming Innovation award winner
September 2015
Winner


Prize: One downloadable e-book of choice by O'Reilly
When you need to convert an old application that generates HTML pages to use AJAX to avoid reloading the whole page when links are clicked or forms are submitted, usually it takes a lot of work.

This jQuery plugin provides an interesting alternative that automatically changes the behavior of certain links and forms, so it takes advantage of AJAX requests to avoid page reloading with minimal changes to the original page HTML.

Manuel Lemos
Picture of Emmanuel Podvin
  Performance   Level  
Name: Emmanuel Podvin <contact>
Classes: 5 packages by
Country: France France
Age: 59
All time rank: 634 in France France
Week rank: 6 Up2 in France France Up
Innovation award
Innovation award
Nominee: 5x

Winner: 4x

Example

<!DOCTYPE html> <!-- To run the current sample code in your own environment, copy this to an html page. --> <html> <head> <script type="text/javascript" src="../../extlib/jquery.js"></script> <script type="text/javascript" src="../../extlib/sammy/lib/sammy.js"></script> <script type="text/javascript" src="../../extlib/iFSM/extlib/jquery.dotimeout.js"></script> <script type="text/javascript" src="../../extlib/iFSM/extlib/jquery.attrchange.js"></script> <script type="text/javascript" src="../../extlib/iFSM/iFSM.js"></script> <script type="text/javascript" src="../../Blapy.js"></script> </head> <body id="myApplication"> <h1>This is test1.html file</h1> <div id="header" data-blapy-container="true" data-blapy-container-name="header" data-blapy-container-content="standardHeader"> <p>a Standard header 1</p> <div id="menuHeader" data-blapy-container="true" data-blapy-container-name="menuHeader" data-blapy-container-content="menuHeader"> <ul> <li><a href="index.html" data-blapy-link="true">menu1</a></li> <li><a href="test2.html" data-blapy-link="true">menu2</a></li> <li><a href="test3.html" data-blapy-link="true">menu3</a></li> <li><a href="test4.html" data-blapy-link="true">menu4</a> <div id="submenu4" data-blapy-container="true" data-blapy-container-name="submenu4" data-blapy-container-content="menu1"> </div> </li> </ul> </div> </div> <div id="mainContainer" data-blapy-container="true" data-blapy-container-name="mainContainer" data-blapy-container-content="helloWorld Test1"> I'm a nice content of <b>"test1.html"</b> for "mainContainer" </div> <div id="footer" data-blapy-container="true" data-blapy-container-name="footer" data-blapy-container-content="standardFooter"> <p>This is a nice footer for "footer" container</p> </div> <script> $( document ).ready(function() { $('#myApplication').Blapy({activeSammy:true}); }); </script> </body> </html>

Details

Blapy

> If you like Blapy, I'll be pleased that you star it :-)

Blapy is a jQuery plugin that helps you to create and manage ajax and single page web applications (SPA) with almost no javascript coding to do it.

Your web application is built the usual way of generating web pages like with php or any standard CMS and Blapy will transform it into a dynamic web application with ajaxified contents.

So, it may help you to transform your "normal" web site in a web application without the hassle of changing the way you develop websites.

Blapy will speed up your page load too as it won't load all the internet files every page change but only the requested new contents.

Blapy is json compliant too and eases the integration of ajax/rest API with templating and routing services very simple to use... Blapy will be the "V-iew" in an MVC application approach...

The best of all is that your web application will be fully SEO compliant as Blapy uses normal URLs to do the routing and your html rendering output from your server to update your application blocks!

Have a look on the "Hello World" demo and other demos

Go and see the demo: https://www.intersel.fr/assets_intersel_a/gitdemos/Blapy/demos/helloworld/

You can have a look on a more complete example based on the SB Admin 2 - Free Bootstrap Admin Theme (you can see the original one here)

or test the "To do list" web Apps demo made with Blapy and inspired from TodoMVC

This one allows to dynamically load and display blapy block contents that were hidden and which need to be displayed as they became visible.

All the demos found in the demos directory can be tested there : https://www.intersel.fr/assets_intersel_a/gitdemos/Blapy/demos/

We invite you to have a deep look in the code source of the demos as they use quite every possible features and configurations available in Blapy as they are used to test the library.

How to install

As it is a simple jQuery plugin... copy all the provided Blapy directories somewhere in your project, then include the needed javascript libraries in your code then call the Blapy function... and you're done...

As an "Hello world" example:

<!DOCTYPE html>
<!-- To run the current sample code in your own environment, copy this to an html page. -->
<html>
<head>
  <!-- load of the external libraries needed by Blapy (provided in the package) -->
  <script type="text/javascript" src="<myrootdir>/extlib/jquery-3.3.1.min.js"></script>
  <script type="text/javascript" src="<myrootdir>/extlib/sammy/lib/sammy.js"></script>
  <script type="text/javascript" src="<myrootdir>/extlib/iFSM/extlib/jquery.dotimeout.js"	></script>
  <script type="text/javascript" src="<myrootdir>/extlib/iFSM/extlib/jquery.attrchange.js"></script>
  <script type="text/javascript" src="<myrootdir>/extlib/json2html/json2html.js"></script>  
  <script type="text/javascript" src="<myrootdir>/extlib/iFSM/iFSM.js"></script>
  <!-- load of the Blapy script -->
  <script type="text/javascript" src="<myrootdir>/Blapy.js"></script>
</head>
<!-- start Blapy -->
<body id="myBlapy">
  <div  id="mainContainer"
        data-blapy-container="true"
        data-blapy-container-name="mainContainer"
        data-blapy-container-content="helloWorld Test1">
  	Hello World...
  </div>
  <script>
  	$( document ).ready(function() {
  		$('#myBlapy').Blapy();
  	});
  </script>
</body>
</html>

Table of Contents

* Blapy * Have a look on the "Hello World" demo and other demos * Who may need it? * Why would I use that?! * How does it work? * How to configure my pages to become pages of a web application? * General algorithm of Blapy * .Blapy(options) * Blapy Blocks * Blapy Links * Triggered events

* Blapy_PageLoaded
* Blapy_PageReady
* Blapy_beforePageLoad
* Blapy_beforeContentChange
* Blapy_afterContentChange
* Blapy_doCustomChange
* Blapy_ErrorOnPageChange

* Sending events to Blapy

* "loadURL" event
* "postData" event
* "updateBlock" event

* Blapy parameters sent when calling a URL * Blapy animation plugin functions * LIBRARY DEPENDENCIES * FAQ * Problem resolutions * Contact

Who may need it?

Everyone using a CMS that generates web pages from a server and would like to transform his website to a client application-like website, ie that does not reload each page during the user navigation but only the needed blocks within the page.

Everyone who... * would like to keep the way he builds websites but would like to have it behaves like an ajax web application. * gave up with AngularJS and other javascript frameworks to build web app... like me ;-) * wants to integrate json REST API with a simple approach without coding... * is starting with Javascript... * does not want to learn a Nth new framework to do websites... * wants to keep the application SEO compliant with google...

And, as I just discovered it recently, for those who are using pjax, Blapy may be a good alternative too... You'll tell me!

Why would I use that?!

The concept of a web application getting data through REST Api with a client application that is doing the job of connecting the whole to build an application is quite a difficult job with a steep learning curve...

Whereas PHP -or whatever web server languages- websites built on a standard CMS are easier to handle... Any standard CMS does the page rendering job quite naturally for years... Except that it reloads pages when clicking a link... or it needs to develop ajax calls to dynamically update parts of the page...

So, the idea is to provide a simple environment that don't change your habits when creating your website without having the hassle of creating ajax calls.

The benefits of using Blapy?

  • no difficult framework to understand how to build a web application
  • no REST or Ajax url end points to develop. Of course, you can do that if you like to have your application that way ;-)
  • no change in your habit to develop website: building the pages with Blapy don't change from the "static" usual way of doing a website, meaning you can continue to use your standard LAMP and CMS environement
  • configuration is simple and quite natural: it uses html5 "data" attributes to configure the Blapy configuration and there is quite nothing to do from an existing website :-)
  • the ajax things are done behind the scene with no js lines of code to implement them
  • the history of browsing is kept as any smart framework
  • completly compliant with any existing html/js code
  • SEO compliant as the server keeps the control on the application behaviour on the loaded pages and blocks, and so it is able to deliver correct contents to search engines as google.

How does it work?

The main simple idea behind Blapy is to automatically and dynamically bind and update html blocks in ajax during the web navigation from page to page.

Simple ;-) but powerful...

Rules defined on the html blocks with data attributes will specify how the blocks should be updated with their new dynamic contents.

let's have a first html file test1.html with some blocks with special attributes we will see later on...

<body id="myBlapy">
  <h1>I'm test1.html file</h1>
  <ul>
  	<li><a href="test1.html" data-blapy-link="true">Hello World!</a></li>
  	<li><a href="test2.html" data-blapy-link="true">How is it going?</a></li>
  </ul>
  <div id="mainContainer" data-blapy-container="true" data-blapy-container-name="mainContainer" data-blapy-container-content="helloWorld">
  	Hello World
  </div>
</body>

Let's imagine now that you would like that the website loads and updates only the "mainContainer" part without updating the whole page when we click on the test2.html link...

You surely know that you would need to call a URL in ajax, get the new content from the server and update the container with jQuery html function... Perhaps meet some problem with the browser history when going back... etc... etc...

With Blapy, just create a second test2.html file as usual: it will be quite the same than test1.html (let's imagine the files are php generated...) with a new content in the "mainContainer" part :

<body id="myBlapy">
  <h1>I am test2.html file</h1>
  <ul>
  	<li><a href="test1.html" data-blapy-link="true">Hello World!</a></li>
  	<li><a href="test2.html" data-blapy-link="true">How is it going?</a></li>
  </ul>
  <div data-blapy-container="true" data-blapy-container-name="mainContainer" data-blapy-container-content="Howisitgoing?">
	  How is it going?
  </div>
</body>

These two html files will load and behave normally if you load them and click the links.

Well, just add at the end of your files this little script :

<!-- load of the external libraries needed by Blapy (provided in the package) -->
<script type="text/javascript" src="extlib/jquery-3.3.1.min.js"				></script>
<script type="text/javascript" src="extlib/sammy/lib/sammy.js"				></script>
<script type="text/javascript" src="extlib/iFSM/extlib/jquery.dotimeout.js"	></script>
<script type="text/javascript" src="extlib/iFSM/extlib/jquery.attrchange.js"></script>
<script type="text/javascript" src="extlib/iFSM/iFSM.js"					></script>
<!-- load of the Blapy script -->
<script type="text/javascript" src="Blapy.js"></script>
<!-- start Blapy -->
<script>
	$( document ).ready(function() {
		$('#myBlapy').Blapy();
	});
</script>

You will then see that when clicking on the page links, only the 'data-blapy-container' block is changed without reloading the whole page! You can see that as the title has not changed...

Tada! you've got a client web application :-)

How to configure my pages to become pages of a web application?

Identify the common blocks between your different pages

  • Identify the common blocks (div, p, ... html tags) between your pages. When you use a CMS, these blocks are the same ones than those you identified when building your website.
  <div id="myContainer">
	  How is it going?
  </div>

  • Tell to Blapy that these blocks are the ones that may be updated from page to page: * add a "data-blapy-container" attribute set to true in order to configure this container as a Blapy container * give a name identifier to the container with the "data-blapy-container-name" attribute in order to identify this content block as unique. * give a content name to identify each unique page content to be used with the "data-blapy-container-content" attribute.
  <div id="myContainer"  data-blapy-container="true" data-blapy-container-name="mainContainer" data-blapy-container-content="Howisitgoing">
	  How is it going?
  </div>

You can create as many Blapy containers as you need parts of your page to be updated.

Identify the links that update contents

  • Identify the links pointing to pages that have contents you would like to use to update the content blocks of your current page.
<a href="test1.html">Hello World!</a>

  • Tell the links that they need to be handled by Blapy by using the "data-blapy-link" attribute.
<a href="test1.html" data-blapy-link="true">Hello World!</a>

  • Call Blapy jquery script on the body of your page (or any main div in your page)... The html block should have an "id" attribute.
<html>
...
<body id="myBlapy">
...
<div id="myContainer"  data-blapy-container="true" data-blapy-container-name="mainContainer" data-blapy-container-content="Howisitgoing">
	  How is it going?
  </div>
...
<script type="text/javascript" src="../Blapy.js"></script>
<script>
	$( document ).ready(function() {
		$('#myBlapy').Blapy();
	});
</script>
</body>
</html>

That's it: your blocks will be automatically updated by ajax calls to the other pages according to your configuration.

General algorithm of Blapy

The general algorithm of Blapy is the following:

  • when a link is called (clicked) and if it is a "blapy-link", * get the new content from the clicked page through an ajax call * get all the "blapy-container" of the current page * for each "blapy-container" of the current page * Get the "blapy-container" with the same name ("blapy-container-name") from the new page * Compare "blapy-container-content" : is the current "blapy-container-content" different from the new one? * if "yes", then change the "blapy-container" with the new one

.Blapy(options)

Blapy is the jQuery function that starts your web application.

$("#<an id>").Blapy(options);

Options

Options is a javascript object. It can take as input the following possible option parameters :

  • debug: (default:false) if true, then log things in the console
  • LogLevel: (default:1) log level: 1: error ; 2: warning; 3: notice
  • AlertError: (default:false) show an alert box on error messages if true
  • activeSammy: (default:false) if set to true, will use Sammy for URL routing
  • pageLoadedFunction: (default:null) function to call when the page is loaded
  • pageReadyFunction: (default:null) function to call when the page is ready
  • beforePageLoad: (default:null) function to call before the page load the new content
  • beforeContentChange: (default:null) function to call when a Blapy bloc will have its content changed
  • afterContentChange: (default:null) function to call after a Blapy bloc has its content changed
  • afterPageChange: (default:null) function to call when the page had all its content changed
  • onErrorOnPageChange: (default:null) function to call when the page got an error during change
  • fsmExtension: (default:null) Finite State Machine (iFSM) definition in order to extend the default blapy's iFSM engine

Example:

	$( document ).ready(function() {
		$('#bodyId').Blapy({activeSammy:true,debug:true,LogLevel:2})
	});

Remarks

Blapy absolutely needs to be called on an object with an "id" set.

That means that if you'd like to bind Blapy to the "body", you have to set an id on the body element:

<body id="bodyId">
...
</body>

You can have as many separate Blapy blocks as you like.

	$( document ).ready(function() {
		$('#myBlapyApp1,#myBlapyApp2,#myBlapyApp3').Blapy();
	});

This way, you will be able to tell which application a Blapy block should update when loaded.

See "data-blapy-applyon" option on Blapy blocks.

Blapy Blocks

Blapy blocks are the parts where you would like the content to be updated from external contents downloaded through ajax calls by Blapy.

A Blapy block may be any html element where you have set Blapy attributes that define the behaviour as Blapy blocks.

These attributes are analysed from the external Blapy block in order to know how the updating process should be applied on the current block.

To define a Blapy Block, you need to use the following attributes:

Attributes

  • data-blapy-container: set to "true", tells that the current html tag is Blapy block.
  • data-blapy-container-name: gives the name of the Blapy block. It will identify the block.
  • data-blapy-container-content: gives the subject of the content. It will identify the content of the block.
  • data-blapy-update (option, default:'update'): tells how Blapy should update the Blapy block when an external page or content is loaded. update*: if the container-name is found from the external content and its container-content is different from the current page, the Blapy block of the current page is to be replaced by the new one force-update*: if the container-name is found from the external content, the Blapy block of the current page is to be replaced by the new one append*: if the container-name is found from the external content, the external content should be added to the end of the current Blapy block content. prepend*: if the container-name is found from the external content, the external content should be added before the current Blapy block content. replace*: if the container-name is found from the external content, the inner content of the external content should replace the current Blapy block content. json*: the content of the current container is considered to be a (Mustache or json2html) template to apply on json data. When the blapy block needs to be updated, then it is considered that the new content is a json object or an array of json objects that will be parsed with the given template. These json data will be applied on the template. These parameters allows the json configuration: data-blapy-template-file* (option): defines a URL called to get the template to apply on json data if the container (that is used to define the template) is empty data-blapy-template-wrap* (option): once the json data are rendered, it is possible to wrap the result by giving the wrap html tag (ex: "```<table>```") data-blapy-template-header* (option): once the json data are rendered, it is possible to set a header (ex: "```<tr><th>header</th></tr>```") data-blapy-template-footer* (option): once the json data are rendered, it is possible to set a footer (ex: "```<tr><th>footer</th></tr>```") data-blapy-template-default-id* (option): if multiple templates are set, set the default one to use on initialization. Default to the first found one. data-blapy-template-mustache-delimiterStart* (option): available for mustache template, blapy will change the default start and end delimiters and use the new mustache delimiters when parsing the block. Actually, the new delimiters are set at the beginning of the template just before rendering, allowing blocks parsed within blocks with different rendering tags. Example: "<%" data-blapy-template-mustache-delimiterEnd* (option): available for mustache template and should be defined if data-blapy-template-mustache-delimiterStart is defined. Example: "%>" data-blapy-template-init* (option): a (REST) URL to get json data to use to initialize the block data-blapy-template-init-params* (option): json string of the parameters to send to the URL data-blapy-template-init-method* (option): 'GET' (default) || 'POST' || 'PUT' || 'DELETE' data-blapy-template-init-fromproperty* (option): path to the property in the returned json that should be used as data input. eg: "data.results" will use the object found in jsonReturnData.data.results as the json data to use data-blapy-template-init-search* (option): ```"<property>==<value>[,<property>==<value>,...]"``` will get the objects that match the query. Examples: * id==2, will get all objects that have their 'id' property equals to '2' * id== , will get all objects that have an 'id' property * ==2, will get all objects that have properties equals to '2' data-blapy-template-init-processdata* (option): a function name that take a json object and should return a json object. It will be called once the json data is received from the url and before to be processed in its blapy block. data-blapy-template-init-purejson* (option): '0' ("blapy oriented" json) || '1' (default) (not "blapy oriented" json), remove*: if the container-name is found from the external content, then the Blapy block is to be removed. custom*: if the container-name is found from the external content, then we call the custom change 'doCustomChange' if defined and send the Blapy_doCustomChange event. [an animation plugin function name]*: if the container-name is found from the external content, function to call and apply to do the content change. The available plugin functions may be found in the Blapy_AnimationPlugins.js file.
  • data-blapy-update-rule: ['local'|'external' (default)], if 'local', will use the data-blapy-update rule defined in the current block, else will use the one defined in the external block. Exception to the default value, a "json" block is always "local".
  • data-blapy-applyon (option, default:'all'): By default, the Blapy blocks loaded by a Blapy link will be tried on all Blapy blocks. If defined, the external container will only be applied on the matched Blapy blocks contained in the given application id element.
  • data-blapy-href (option): a URL to call on data-blapy-updateblock-time (if set) or on data-blapy-updateblock-ondisplay
  • data-blapy-updateblock-time (option): a time in milliseconds when the URL set in 'data-blapy-href' should be called to update the block.
  • data-blapy-updateblock-ondisplay (option): if set to true, the block will be initialized from data-blapy-href or from data-blapy-template-init (if data-blapy-update is set to "json") when the element becomes visible (after a scroll).

Examples

		<div 	data-blapy-container="true"
				data-blapy-container-name="mainContainerApp3"
				data-blapy-container-content="aContent2"
				data-blapy-applyon="myBlapyApp1,myBlapyApp3"
		>
			<h3>a Content</h3>
			This is content...
		</div>
		<div 	data-blapy-container="true"
				data-blapy-container-name="submainContainerApp1"
				data-blapy-container-content="aSubContent"
				data-blapy-update="remove"
		>
		</div>

Blapy Links

A Blapy Link is a url link that should be handled by Blapy.

A Blapy link may be attached to the html "<a>" or "<form>" tags by specifying a "data-blapy-link" attribute on it.

It may be attached to other kind of tag, then you will have to specify the "data-blapy-href" attribute to explicit the hyperlink.

Remarks on blapy links on tags that are not "a" or "form" * In this case, Blapy automatically binds a click event on this element in order to simulate an anchor. * The routing mecanism done with Sammy does not apply on them.

To define a Blapy Link, here are its attributes:

Attributes

  • data-blapy-link: tells that the current link has to be handled by Blapy. set to "true*" (or void), Blapy will "get" the content of the link and will process the blapy blocks matching with the current application content

Remarks: if data-blapy-link is set to a form, the "method" configuration (eg. "GET", "POST", "PUT", "DELETE") is used to get the content. You can add this proprety "method" to a A dom element to set the method to use when the link is clicked.

  • data-blapy-href: if not bound to a "A" or "FORM" tag, it tells the hyperlink to use.
  • data-blapy-params: a json string to set paramaters to send along to the link to call
  • data-blapy-embedding-blockid: tells to embed the return source of the link in a blapy block of the given name. Usefull for return sources that are not 'blapy' formatted and that address a specific block...
  • data-blapy-active-blapyId: useful in the case the link is embedded in several different blapy objects, it gives the correct blapy object for the link. If not set, the link will be processed by all the blapy objects that contain the link.
  • data-blapy-noblapydata: if set to "1", no blapy information data are sent to the URL.

Examples

<ul>
	<li><a href="content1.php" data-blapy-link="true">Content 1</a></li>
	<li data-blapy-href="content2.php" data-blapy-link="true">Content 2</a></li>
	<li>
    <a href="jsoncontent3.php"     
        data-blapy-link="true"
        data-blapy-embedding-blockid="mainContainerApp3"
        data-blapy-params='{"id":"12","label":"test"}'
        method="POST"
    >
      Content 3
    </a>
  </li>
</ul>

Triggered events

Blapy generates the specific events during the Blapy object change processing.

Some events are sent to the DOM element on which you create the jquery blapy object, some apply on the blapy block where occurs the processing.

Blapy_PageLoaded

Triggered when a page is fully and normally loaded and sent to the blapy object once when it is initialized.

Blapy_PageReady

Triggered when the page is ready after a change in the page, and sent to the blapy object.

It is triggered after a "loadURL" or "postData" event sent to Blapy (see hereafter).

Blapy_beforePageLoad

Triggered before a page loads its new content and sent to the blapy object. * Parameters: the Blapy json data sent to the URL * [data].aUrl: url to call * [data].params: json of the parameters to send to aUrl

Blapy_afterPageChange

Triggered after a page loaded its new content and sent to the blapy object. * Parameters: the Blapy json data sent to the URL * [data].aUrl: url to call * [data].params: json of the parameters to send to aUrl

Blapy_beforeContentChange

Triggered before a Blapy block content change and sent to the (jquery) blapy Block that will change. * Parameters: * the Blapy block

Blapy_afterContentChange

Triggered after a Blapy block content has changed and sent to the (jquery) blapy Block that has changed.. * Parameters: * the Blapy block

Blapy_templateReady

Triggered after a Blapy block content has its template loaded and ready, sent to the (jquery) blapy Block.. * Parameters: * the Blapy block

Blapy_doCustomChange

Triggered if data-blapy-update='custom', sent to the object that should change its content * Parameters: * newObject : the new Blapy Block

Blapy_ErrorOnPageChange

Triggered when an error occured during a page content change. * Parameters: * anError: the error message

Examples

To listen to Blapy events, you may use the jQuery 'on' function as in this example:

	$("#myBlapy").on( "Blapy_ErrorOnPageChange", function(event,anError) {
		  alert( anError );
	});
	$("#myBlapy").on( "Blapy_beforePageLoad", function(event,anError) {
		  alert( 'call before loading new blocks...' );
	});
	//assure that the event will be received by the new DOM object #mainContainer if it has been replaced by Blapy
	$(document).on( "Blapy_afterContentChange","#mainContainer", function(event,aBlock) {
			  alert( 'Blapy_afterContentChange of block '+$(aBlock).attr('id'));//aBlock refer to the #mainContainer dom object
			});

Sending events to Blapy

You can activate some features of Blapy by sending events to it with the 'trigger' function of jQuery:

$('#<id of the blapy application tag>').trigger(<anEvent>,{
  aUrl:<aURL to call>,
  params:{<someParameters>}
  ...
  });

"loadURL" event

This event allows you to call a URL.

$('#<id of the blapy application tag>').trigger('loadUrl',{
  aUrl:<aURL to call>,
  params:{
    embeddingBlockId:<a Blapy Block Id>,
    templateId:<a xmp id of a json template>
  },
  noBlapyData:"<0|1>"
});

params

  • aUrl: the Url to call
  • params: embeddingBlockId* (optional): a block container name (data-blapy-container-name) templateId* (optional): an id of an xmp object that describes a json template of a json block. Remarks: "embeddingBlockId" needs to be defined.
  • noBlapyData: if set to "1", no blapy information are sent (default: blapy data are sent)

Example

$('#myBlapy').trigger('loadUrl',{
  aUrl:"helloworld_2.php",
});

"postData" event

$('#<id of the blapy application tag>').trigger('postData',{
  aUrl:"<aURL to call>",
  params:{
    embeddingBlockId:"<aContainerName>",
    templateId:<a xmp id of a json template>
  },
  method:"<http method>",
  noBlapyData:"<0|1>"
});

params

  • aUrl: the Url to call
  • params: embeddingBlockId* (optional): a block container name (data-blapy-container-name) templateId* (optional): an id of an xmp object that describes a json template of a json block. Remarks: "embeddingBlockId" needs to be defined. * any property/value to send to the server
  • method (option) * 'post' (default) * 'put' * 'delete' * 'get' (same behaviour than "loadURL" event in this case)
  • noBlapyData: if set to "1", no blapy information are sent (default: blapy data are sent)

Example

$("#myBlapy").trigger('postData',{
  aUrl:"testForm.php",
  params:{fname:'Emmanuel',lname:'Podvin'}
});

"updateBlock" event

This event allows you to call Blapy to directly update a Blapy block.

$('#<id of the blapy application tag>').trigger('updateBlock',{
  html:<a blapy content>,
  params:{
    embeddingBlockId:<a Blapy Block Container Name>,
    templateId:<a xmp id of a json template>
  }
});

params

  • html * any blapy content (blapy blocks, json string or objects, ...)
  • params: embeddingBlockId* (optional): a block container name (data-blapy-container-name) templateId* (optional): an id of an xmp object that describes a json template of a json block. Remarks: "embeddingBlockId" needs to be defined.

Example

$('#myBlapy').trigger('updateBlock',{
    html:"[{name:"John Doe"}]",
    params:{embeddingBlockId:'myBlapyBlock'}
  });

"reloadBlock" event

This event allows you to reload the Blapy blocks using their init configuration (init url).

$('#<id of the blapy application tag>').trigger('reloadBlock',{
  params:{
    embeddingBlockId:<a Blapy Block Container Name>,
    templateId:<a xmp id of a json template>
  }
});

params

  • params: embeddingBlockId* (optional): a block container name (data-blapy-container-name). If none given, all the json blocks are reloaded. templateId* (optional): an id of an xmp object that describes a json template of a json block. Remarks: "embeddingBlockId" needs to be defined.

Example

$('#myBlapy').trigger('reloadBlock',{
  params:{embeddingBlockId:'myBlapyBlock'}
});

Blapy parameters sent when calling a URL

When Blapy calls a 'Blapy Link', the following parameters are sent along the other GET/POST/PUT/DELETE parameters:

  • blapycall=1 - tells that the call is coming from Blapy
  • blapyaction=[anAction] -tells the kind of action that will be operated update*: blocks will be updated

Knowing these parameters allows you to optimize the generated html returned by the server to the client, so sending back only the useful html blocks instead of the full html page.

You can deactivate the sending of these data by configuring the data-blapy-noblapydata parameter.

JSON template

The json template are the content definition of a blapy json block type (cf. data-blapy-update) that will be parsed on json data sent to the block.

A json template may use "Mustache" or "json2html" tags.

When the blapy block has its property "data-blapy-update" set to "json", the content of the block is considered to be a template.

Example

<section id="jsonTPLExample"
      data-blapy-container="true"
			data-blapy-container-name="jsonTPLExample"
			data-blapy-container-content="aTPL"
			data-blapy-update="json"
			data-blapy-template-init="myJsonData.json"
>
  My name is {{firstname}}!<br>
</section>

if the response of "myJsonData.json" is an array of json data, something like that:

[
  {"firstname":"Emmanuel"},
  {"firstname":"Maryse"},
  {"firstname":"Augustin"},
]

The resulting parse of the blapy block in the browser will be:

<section id="jsonTPLExample"
      data-blapy-container="true"
			data-blapy-container-name="jsonTPLExample"
			data-blapy-container-content="aTPL"
			data-blapy-update="json"
			data-blapy-template-init="myJsonData.json"
>
  My name is Emmanuel!<br>
  My name is Maryse!<br>
  My name is Augustin!<br>
</section>

Remarks

It is possible to have blapy blocks inside your template. They will be parsed once the template is applied on the json data. This way, you can have blapy blocks that are configured with your json data...

If the received json data is an array (like in the above example), Blapy will automatically add a property "blapyIndex" setting the index of the item in the array.

For the above example, the json data to be parsed on the template will actually be

[
  {"firstname":"Emmanuel","blapyIndex":"1"},
  {"firstname":"Maryse","blapyIndex":"2"},
  {"firstname":"Augustin","blapyIndex":"3"},
]

This "blapyIndex" may be used in your template as any other of properties (${blapyIndex} or {{blapyIndex}})...

It starts from 1... if json data is not an array, then blapyIndex is set to 0.

Multiple templates

According to the context, you may need to change the template of your block to display differently your data.

It is so possible to define several templates for the same block. These templates can be selected through the Blapy API with the messages "updateBlock", "postData", "reloadBlock"...

The way to describe them needs the use of the XMP tag and the "data-blapy-container-tpl" (to be set to true) and "data-blapy-container-tpl-id" properties, like in the following example:

The "data-blapy-template-default-id" property may be used to set the default template by default.

<section id="jsonTPLExample"
      data-blapy-container="true"
			data-blapy-container-name="jsonTPLExample"
			data-blapy-container-content="aTPL"
			data-blapy-update="json"
			data-blapy-template-init="myJsonData.json"
      data-blapy-template-default-id="secondTPL"
>
  <xmp style="display:none" data-blapy-container-tpl="true" data-blapy-container-tpl-id="firstTPL">
    My name is {{firstname}}!<br>
  </xmp>
  <xmp style="display:none" data-blapy-container-tpl="true" data-blapy-container-tpl-id="secondTPL">
    Is {{firstname}} your firstname?<br>
  </xmp>
</section>

You may call the "reloadBlock", "postData" or "updateBlock" event messages to change the template to use. It will reload the json data from the server and display them with the updated template.

eg: this example will use "secondTPL" template to display the data in "results" block.

$('#myBlapy').trigger('postData',
  {
    "aUrl": "testForm.php",
    "params":{
      "embeddingBlockId":"results",
      "templateId": "secondTPL",
      "firstname":$("select[name=firstname]",'#myForm').val(),
      "lastname":$('input[name=lastname]:checked', '#myForm').val()
    }
  }
);

Blapy animation plugin functions

It is possible to create its own animation plugin functions on Blapy blocks when they are loaded.

It is also a way to hook features on the content that will be placed in a Blapy block...

The prototype of an animation plugin function is :

theBlapy.prototype.myAnimationFunction = function (oldContainer,newContainer) {}

Have a look in the Blapy_AnimationPlugins.js and add your new functions in it inspired by the existing functions.

LIBRARY DEPENDENCIES

To work properly, you need to include the following javascript libraries:

  • jQuery (>= 3.x) * `<script type="text/javascript" src="extlib/jquery-3.3.1.min.js"></script>`
  • iFSM by intersel * this library manages finite state machines and needs these libraries: doTimeout* by "Cowboy" Ben Alman * this library brings some very usefull feature on the usual javascript setTimeout function like Debouncing, Delays & Polling Loops, Hover Intent... * `<script type="text/javascript" src="extlib/jquery.dotimeout.js"></script>` attrchange* by Selvakumar Arumugam * a simple jQuery function to bind a listener function to any HTML element on attribute change * `<script type="text/javascript" src="extlib/jquery.attrchange.js"></script>`
  • json2html (optional if blapy block does not use json feature or use "Mustache" template engine) * json2html is a javascript HTML templating library used to transform JSON objects into HTML using a template. * used for json parsing and templating * `<script type="text/javascript" src="../../extlib/json2html/json2html.js"></script>`
  • Mustache (optional if blapy block does not use json feature or use "json2html" template engine) * Mustache is a javascript HTML templating library used to transform JSON objects into HTML using a template. * used for json parsing and templating * `<script type="text/javascript" src="../../extlib/mustache/mustache.js"></script>`
  • Sammy (optional if you don't need routing management) * Sammy is a small framework to make web application providing simple but efficient 'route' services * `<script type="text/javascript" src="extlib/sammy/lib/sammy.js"></script>`
  • json5 (optional if your json are "straight" json) * expands the syntax of JSON in order to be able to process less strict json input (made by humans for example) * `<script type="text/javascript" src="extlib/json5/index.min.js"></script>`
  • jquery.appear (optional if you don't need to init blocks when they become visible after a scroll) * `<script type="text/javascript" src="extlib/jquery.appear/jquery.appear.js"></script>`

FAQ

If you have questions or unsolved problems, you can have a look on the our FAQs or leave a message on the Issue board.

When a Blapy link is called, does the server need to send a full HTML page with a body and ...

No, you can optimize your code by only sending the useful Blapy blocks.

Is it possible to set Blapy blocks in "head" tags?

Yes, but in order to have the Blapy see them, set an id on the html tag and call Blapy on it:

Example

<html id="myBlapy">
<head>
	<title 	data-blapy-container="true"
			data-blapy-container-name="Title"
			data-blapy-container-content="myTitle">This is a title page</title>
	<script>
		$( document ).ready(function() {
			$('#myBlapy').Blapy();
		});
	</script>
</head>
<body>
  <!--  body part -->
</body>
</html>  

How to define template variables in a blapy template for json blocks

The syntax follows the one defined by json2html library: ${myVariableName} OR the one defined by Mustache: {{myVariableName}} according to the library you have set.

Examples

With json2html:

		First name: ${fname}<br>
		Last name: ${lname}<br>

With Mustache:

		First name: {{fname}}<br>
		Last name: {{lname}}<br>

How to set a json template driven by Blapy...

Let's say we would like to create a dynamic table as the following example:

<section id="tableExample">
  <table>
    <tr><td>John</td><td>Doe</td></tr>
    <tr><td>Bob</td><td>Dylan</td></tr>
    ....
  </table>
</section>

First step is to define the blapy block:

<section id="tableExample"
      data-blapy-container="true"
			data-blapy-container-name="results"
			data-blapy-container-content="void"
			data-blapy-update="json"
			data-blapy-template-wrap="<table>"
			data-blapy-template-init="arrayvalues.data.php"
>
  <tr><td>${firstname}</td><td>${lastname}</td></tr>
</section>

Some explanations on the defined attributes: - _data-blapy-update="json"_: the blapy block is filled with json data. So the content in the block is the template to apply on the json data. The template may be given by an external file with the property "data-blapy-template-file". - _data-blapy-template-wrap="`<table>`"_: the template is wrapped with a 'table' tag - _data-blapy-template-init="arrayvalues.data.php"_: the values to init our block are to be found in this file

The returned content of the "data-blapy-template-init" file should contain the addressed blapy block definition ("data-blapy-container-name") with a json struture with the data to display, and so should be something like the following example:

<section id="tableExample"
	data-blapy-container="true"
	data-blapy-container-name="results"
	data-blapy-container-content="initContent"
>
[
{firstname: "John",lastname: "Doe"},
{firstname: "Bob",lastname: "Dylan"},
...
]
</section>

Of course, this content may be dynamically generated by the server side.

Once you start blapy like with "('#tableExample').Blapy();", blapy will automatically read the json content of the "data-blapy-template-init" file and will apply its content to the html template.

The resulting content will be like the example to produced...

How to set conditional output in a json template

Instead of having a HTML template, you can set a javascript that will be interprated to generate the DOM.

The javascript should be inserted with the specific tag "`<blapyScriptJs>`".

Example

This example shows how "`<li>`" statement will be inserted according to the statut of "dontdisplay" variable.

Initial blapy definition

Let's define a UL statement that we want be filled with LI statements.

It will be initialized from the "data-blapy-template-init" variable with the content returned by myInitFile.php file. It could have been initialized with a "loadUrl" or "postData" calls.

<ul id="MenuExampleWithInitializedWithJSScript"
    data-blapy-container="true"
	data-blapy-container-name="MenuExampleWithInitializedWithJSScript"
	data-blapy-container-content="MenuExampleVoid"
	data-blapy-update="json"
	data-blapy-template-init="myInitFile.php"
>
     <blapyScriptJS>
        	if (!"${dontdisplay}")
            	jQuery('#MenuExampleWithInitializedWithJSScript').append('<li class="${class}"><a href="${url}">${action}</a></li>');
     </blapyScriptJS>

</ul>

Please note that what myIntFile.php returns as data content should have only data initialization for this block.

Example of data that could be sent to Blapy by myInitFile.php

<ul id="MenuExampleWithInitializedWithJSScript"
	data-blapy-container="true"
	data-blapy-container-name="MenuExampleWithInitializedWithJSScript"
	data-blapy-update="json"
>
	[
		{class: "",url: "#",action:"Action"},
		{class: "",url: "#",action:"Action Not Shown",dontdisplay:'1'},
		{class: "",url: "#",action:"Another action",dontdisplay:'1'},
		{class: "myClass",url: "#",action:"Something else here"},
	]
</ul>

or the same description but in full json description:

[
	{ 	"blapy-container-name":"MenuExampleWithInitializedWithJSScript",
		"blapy-data":
		[
		{class: "",url: "#",action:"Action"},
		{class: "",url: "#",action:"Action Not Shown",dontdisplay:'1'},
		{class: "",url: "#",action:"Another action",dontdisplay:'1'},
		{class: "myClass",url: "#",action:"Something else here"},
		]
	}
]

Example result

The result will be processed as:

<blapyScriptJS>
        	if (!"")
            	jQuery('#MenuExampleWithInitializedWithJSScript').append('<li class=""><a href="#">Action</a></li>');
</blapyScriptJS>
<blapyScriptJS>
        	if (!"1")
            	jQuery('#MenuExampleWithInitializedWithJSScript').append('<li class=""><a href="#">Action Not Shown</a></li>');
</blapyScriptJS>
<blapyScriptJS>
        	if (!"1")
            	jQuery('#MenuExampleWithInitializedWithJSScript').append('<li class=""><a href="#">Another action</a></li>');
</blapyScriptJS>
<blapyScriptJS>
        	if (!"")
            	jQuery('#MenuExampleWithInitializedWithJSScript').append('<li class="myClass"><a href="#">Something else here</a></li>');
</blapyScriptJS>

and so, giving the following processed DOM:

<ul id="MenuExampleWithInitializedWithJSScript"
	data-blapy-container="true"
	data-blapy-container-name="MenuExampleWithInitializedWithJSScript"
	data-blapy-update="json"
>     
	<li class=""><a href="#">Action</a></li>
	<li class="myClass"><a href="#">Something else here</a></li>
</ul>

How to send several json objects to a json block

You just defined an array the way you would do in javascript with your json objects

	<div  
		data-blapy-container="true"
		data-blapy-container-name="resultFormJson"
		data-blapy-container-content="resultFormJson"
		data-blapy-update="json"
	>
	[
	{fname: "Emmanuel",lname: "Durand"},
	{fname: "Maryse",lname: "Dupond"}
	]
	</div>

How to send "pure" json as response to a query ?

By default, when there is a blapy call, you define a blapy block and put your json data inside it and send the result back.

It is possible to return "pure" json to be handled by Blapy.

There are two possible configurations: * the json content returned has no information on the Blapy blocks that should be updated * the json content is blapy oriented

Json has no information about blapy blocks

It applies to content that comes from outside your web application, that are not aware of Blapy ;-)

In order to tell to Blapy on what blapy block this kind of content should update, you need to configure the Blapy link that calls the json content.

Use the "data-blapy-embedding-blockid" parameter and configure it to the name of your Blapy block.

That's it! When the blapy link will call your json content, all your blapy block with the given name will be updated with the json content.

Example

HTML File

<a href="myJsonDataFile.json"
	data-blapy-link="true"
	data-blapy-embedding-blockid="aBlapyBlockToUpdate"
			>Click here to update my "aBlapyBlockToUpdate" to update
</a>
<div  
		data-blapy-container="true"
		data-blapy-container-name="aBlapyBlockToUpdate"
		data-blapy-update="json"
>
This is ${jsonContent}<br>
The other content is: ${anotherContent}
</div>

myJsonDataFile.json

{"jsonContent":"a content for myJsonDataFile...","anotherContent":"another content for the example"}

Remark: You can have a look on the "demos/verifyEmails" demo that use this feature.

The returned Json content is Blapy oriented

It is possible to configure your json content in order to give all the blapy blocks information and the data to transmit to the blapy blocks.

To do so, send an array of objects, each one will describe a blapy block. All the blapy attributes may be given to configure your blapy block. The names are those described in this document without the "data-" at the beginning of the name. For example, "data-blapy-container" will have "blapy-container" as attribute object.

The necessary attributes are: blapy-container-name*: name of the blapy container blapy-container-content*: identifier name of the content blapy-data*: the json data to send to the blapy block

It is expected that that the answer returns an array of blapy objects.

Example of a response to a blapy call

The following blapy block definitions are the same:

  • usual blapy block
    <div
    data-blapy-container-name="fnameOptions"
    data-blapy-container-content="fnameOptionsNew"
    >
    	[
    		{"firstname": "John","lastname": "Doe","selected":"false"},
    		{"firstname": "Bob","lastname": "Dylan","selected":"false"},
    		{"firstname": "Peter","lastname": "Rabbit","selected":"false"},
    	]
    </div>
    
  • pure json blapy block corresponding to the above example
[
	{ 	"blapy-container-name":"fnameOptions",
		"blapy-container-content":"fnameOptionsNew",
		"blapy-data":
		[
			{"firstname": "John","lastname": "Doe","selected":"false"},
			{"firstname": "Bob","lastname": "Dylan","selected":"false"},
			{"firstname": "Peter","lastname": "Rabbit","selected":"false"},
		]
	}
]

How to initialize the blapy blocks after loading the page?

The idea is to directly call the url that will initialize your page by calling one of the Blapy API functions "loadURL" or "postData" just after the Blapy initialization.

Example:

$( document ).ready(function() {
    $('#myBlapy').Blapy();
    $('#myBlapy').trigger('loadUrl',{aUrl:"init_my_page.php"})
});

How to update a blapy block at a regular period ?

You have two attributes for Blapy blocks named "data-blapy-href " and "data-blapy-updateblock-time" that let you configure the URL to call and the period to call it.

This example will update the block every second (1000ms) from index.php:

        <div    data-blapy-container="true"
                        data-blapy-container-name="dateContainer"
                        data-blapy-container-content="aContent_<?php echo uniqid();?>"
                        data-blapy-href = "index.php"
                        data-blapy-updateblock-time = "1000"
                >
                    <b>Time is:</b> <?php echo date('d-M-Y H:i:s');?>
        </div>

How to set a loader when blapy updates a content?

Use the events "Blapy_beforePageLoad" and "Blapy_afterPageChange" in order to active/deactivate your loader, as in the following example:

<script>
	$("#myBlapy").on( "Blapy_beforePageLoad", function(event) {
		$('#loader').show();
	});
	$("#myBlapy").on( "Blapy_afterPageChange", function(event) {
		$('#loader').hide();
	});
</script>

What about the id sent in the returned blapy blocks...

Generally, the new block will replace the old one, and so, the id will follow... and that's mainly ok...

Sometime, if there are several blocks with the same data-blapy-container-name in order to update several blocks with the same info, it could be a problem that several new blocks get the same id after processing...

You can give no id on the new sent blocks, this way the system will set the id of the old block to change to the new one...

How to add new messages to the blapy objects

The idea is to add behaviour and features to our blapy object when it's ready, in order to do things like:

$("<myBlypyObject>").trigger('alertUs',"Hey there!");

To do that in the context of the FSM used in the Blapy object, we will extend it using fsmExtension option.

The safe state to extend is "PageReady", set when the blapy block object is ready to accept messages like "loadUrl" or "postData"...

In your blapy initialization, add your FSM extension as in this example:

$('#myBlapy').Blapy({
  fsmExtension:{
    'PageReady':{
      'alertUs': {
        init_function: function(parameters, event, data){
          alert('alertUs called in '+this.myUIObject.attr('id')+' says: '+data);
        }
      }
    }
  }
});

remarks: * 'this' refers to the FSM * The Blapy object may be accessed with "this.opts.theBlapy". * if you add new iFSM states, think to come back to the "PageReady" state at the end of your processing.

How can I preprocess received json Data before they are processed by Mustache ?

Thanks to the "data-blapy-template-init-processdata" parameter, you can give the name of function to do the preprocessing of your data and change and add any new properties to be processed by Mustache.

Example


<div ....
  data-blapy-template-init-processdata="initMyJsonData"
>
color is {{#greenColor}}green{{/greenColor}}{{^greenColor}}... well... I don't know...{{/greenColor}}
</div>

//....

<script>
// declare a function visible from Blapy
// aJson is an array of element(s) to process
window.initMyJsonData = function(aJson)
{
  //for each elements, do an analysis and add/remove or do whatever you need to be done...
  aJson = aJson.map(aData => {
    if (aData["myPropertyColor"] == "green")
    {
      aData["greenColor"]=true;//add a new property
      delete aData.myPropertyColor; //remove a property
    }
    return aData;//returns the modified array item
  });
  //return our modified json data array
  return aJson;
}
</script>

How to have nested json templates ?

The problem addressed here is to be able to have json blocks initialized according to an upper block configuration.

For example, if you have a request that gives you a list of people with their id like `[{"id":0,"name":"Paul"}, ...]`, you perhaps would like get their details from another request that would need the id of the person to get the information.

To do that, you would need to nest your blapy blocks: the first level will get the list of your people, the second level will get for each one their details...

Using Mustache, You will need to accomplish this: * the data-blapy-template-mustache-delimiterStart and data-blapy-template-mustache-delimiterEnd modifiers * they will allow to distinguish between the first template (using the default Mustache delimiters "{{" and "}}") and the second one using an other set of tags like "{%" "%}" * to define data-blapy-container-name according to upper identifier tags. you can use the "blapyIndex" tag to get different names for your second level block.

Examples

  <div data-blapy-container="true"...blapy block 1st level definition...>
  The id is {{id}}.<br>
  The details are:<br>
    <div  data-blapy-container="true"
          data-blapy-container-name="details_{{blapyIndex}}"
          data-blapy-template-mustache-delimiterStart="{%"
          data-blapy-template-mustache-delimiterEnd="%}"
          data-blapy-template-init="/people/getDetails/?id={{id}}"
          ...Blapy block 2nd level definition...>
    age of {{name}} is {%age%}<br>...
    </div>
  </div>

In a first pass, Blapy will get you the first level block parsed for every people using the "{{ delimiters }}", configuring your "data-blapy-template-init" URL with the id sent in the url. In a second pass, all the sub blocks will be parsed by Blapy, getting all the details for each sub blocks and parsed the results with the new "{% delimiters %}"...

Escaping sub XMP

As recommanded, you can use `<XMP>` html tag to escape your json templates when needed... But there is a drawback as you can not nest this tag...

<XMP>
  Hello,
  <XMP>
    I'm nested
  </XMP>
  xmp...
</XMP>

Won't work as expected... and the text after the first closing XMP tag will close the whole xmp blocks...

The solution proposed by Blapy is to escape your sub XMP blocks. This is done by adding as many '|' as there is sub XMP level as in this example:

 //I'm a json template
 <XMP>
   Hello,
   ....
   //I'm a sub json template
   <|XMP>
     I'm nested
     ....
     //I'm a sub sub json template
     <||XMP>
       and subnested...
     <||/XMP>
   <|/XMP>
   xmp...
 </XMP>

Blapy will remove the "|" according to the level of parsing... and this way to nest as many json templates you like...

Demo

Have a look to the full demonstration in demos/demo_json_nested_blocks/index.html

Problem resolutions

My blapy block does not update from my external content...

  • Did you verify that your external block has a different data-blapy-container-content content than the current one? If not, the content is not updated as it is considered to be the same... The content of data-blapy-container-content may be any name. You can use the current time or a unique id to set the name as in this example:
<div    data-blapy-container="true"
                        data-blapy-container-name="dateContainer"
                        data-blapy-container-content="aContent_<?php echo uniqid();?>"
                >
                    <b>Time is:</b> <?php echo date('d-M-Y H:i:s');?>
        </div>

  • Maybe, the code of your external block is not a valid HTML code. For instance, if you use tbody as a blapy block, don't set it alone, but embed it within a table tag.

Clicking to a blapy link generates several ajax calls though it should generate only a unique call...

  • Verify your html return of the first ajax call. For instance, ```<img src="" alt="">``` will generate a second ajax call to index.html...

When routing is activated with Sammy, My URL does not work any more...

  • It's generally a problem linked to base URL. YOu can fix it by setting a ```<base>``` html tag in your html head part:
	<base href="/demos/todomvc/" target="_blank">

How to automate that every A / Form tags are "blapy-link"?

Blapy expects that you define the A and Form tags as blapy links if you want them to be handled by blapy.

Hereafter, you can add this little script to automate that every A / Form tags become "blapy-link=true":

// every new page load, will assure that every new links will have the "blapy-link" attribute
$(document).on( "Blapy_PageReady","body", function(event,anError) {
		$('#[[+BlapyApplicationId]]').find('a,form').attr('data-blapy-link','true');
		var myBlapy = $('#<You Blapy DOM Object>').getFSM();//get the FSM working behind the scene for blapy
		myBlapy[0].opts.theBlapy.setBlapyUrl(); // call the function that will make blapy handle the url links

});

Once in place, every url links will be considered as Blapy Links...

When my template contains "img" tag with the name file defined by a placeholder, I've got a 404 error

As the file is parsed as HTML, img tag will try to load the image that does not exist as the image name is not the placeholder name.

To fix this, simply wrap your html template with the tag "xmp" which will neutralize html analysis.

My Blapy block does not appear when I change its style from "display:off" to "display:block" when "data-blapy-updateblock-ondisplay" is set

The jquery.appear object is not aware of a change in the display...

In order to alert it, you can simulate a scroll on the window just after changing the display status of your block with :

$(window).scroll();

Contact

If you have any ideas, feedback, requests or bug reports, you can reach me at github@intersel.org, or via my website: http://www.intersel.fr


  Blapy demosExternal page  
  Files folder image Files  
File Role Description
Files folder imagedemos (1 file, 13 directories)
Files folder imageextlib (7 directories)
Plain text file Blapy.js Class blapy
Plain text file Blapy_AnimationPlugins.js Class blapy
Accessible without login Plain text file LICENSE Lic. Auxiliary data
Accessible without login Plain text file package.json Data Auxiliary data
Accessible without login Plain text file README.md Doc. Auxiliary data

  Files folder image Files  /  demos  
File Role Description
Files folder imagebootstrap-four-column-gallery (5 files, 1 directory)
Files folder imagedemo1 (4 files)
Files folder imagedemo2 (7 files)
Files folder imagedemo2b (7 files)
Files folder imagedemo3-posted-input (8 files)
Files folder imagedemo_json_init (10 files, 1 directory)
Files folder imagedemo_json_init_with_mustache (14 files, 1 directory)
Files folder imagedemo_json_nested_blocks (4 files)
Files folder imagedynamicSearch (4 files)
Files folder imagehelloworld (6 files, 1 directory)
Files folder imagestartbootstrap-sb-admin-2 (5 files, 5 directories)
Files folder imagetodomvc (2 files, 2 directories)
Files folder imageverifyEmails (15 files)
  Accessible without login Plain text file .htaccess Data Auxiliary data

  Files folder image Files  /  demos  /  bootstrap-four-column-gallery  /  assets  
File Role Description
Files folder imagecss (3 files)
Files folder imagefonts (1 file)
Files folder imageimg (1 file)
Files folder imagejs (5 files)

  Files folder image Files  /  demos  /  bootstrap-four-column-gallery  /  assets  /  css  
File Role Description
  Accessible without login Plain text file bootstrap.css Data Auxiliary data
  Accessible without login Plain text file bootstrap.min.css Data Auxiliary data
  Accessible without login Plain text file styles.css Data Auxiliary data

  Files folder image Files  /  demos  /  bootstrap-four-column-gallery  /  assets  /  fonts  
File Role Description
  Accessible without login Plain text file glyphicons-halflings-regular.svg Data Auxiliary data

  Files folder image Files  /  demos  /  bootstrap-four-column-gallery  /  assets  /  img  
File Role Description
  Accessible without login Image file apple-touch-icon.png Icon Icon image

  Files folder image Files  /  demos  /  bootstrap-four-column-gallery  /  assets  /  js  
File Role Description
  Plain text file bootstrap.js Class Class source
  Plain text file bootstrap.min.js Class Class source
  Accessible without login Plain text file html5.js Aux. Auxiliary script
  Plain text file jquery-1.11.2.min.js Class Class source
  Accessible without login Plain text file respond.min.js Example Example script

  Files folder image Files  /  demos  /  demo1  
File Role Description
  Accessible without login Plain text file index.html Example Documentation
  Accessible without login Plain text file test2.html Example Documentation
  Accessible without login Plain text file test3.html Example Documentation
  Accessible without login Plain text file test4.html Example Documentation

  Files folder image Files  /  demos  /  demo2  
File Role Description
  Accessible without login Plain text file content1_all_app.php Data Auxiliary data
  Accessible without login Plain text file content2_app3.php Data Auxiliary data
  Accessible without login Plain text file content3_app1.php Data Auxiliary data
  Accessible without login Plain text file footer.php Data Auxiliary data
  Accessible without login Plain text file header.php Data Auxiliary data
  Accessible without login Plain text file index.php Data Auxiliary data
  Accessible without login Plain text file main.css Data Auxiliary data

  Files folder image Files  /  demos  /  demo2b  
File Role Description
  Accessible without login Plain text file content1_all_app.php Data Auxiliary data
  Accessible without login Plain text file content2_app3.php Data Auxiliary data
  Accessible without login Plain text file content3_app1.php Data Auxiliary data
  Accessible without login Plain text file footer.php Data Auxiliary data
  Accessible without login Plain text file header.php Data Auxiliary data
  Accessible without login Plain text file index.php Data Auxiliary data
  Accessible without login Plain text file main.css Data Auxiliary data

  Files folder image Files  /  demos  /  demo3-posted-input  
File Role Description
  Accessible without login Plain text file footer.php Data Auxiliary data
  Accessible without login Plain text file form.tpl Data Auxiliary data
  Accessible without login Plain text file header.php Data Auxiliary data
  Accessible without login Plain text file index.php Data Auxiliary data
  Accessible without login Plain text file main.css Data Auxiliary data
  Accessible without login Plain text file testForm.php Data Auxiliary data
  Accessible without login Plain text file testInitForm.php Data Auxiliary data
  Accessible without login Plain text file testPutForm.php Data Auxiliary data

  Files folder image Files  /  demos  /  demo_json_init  
File Role Description
Files folder imageimg (8 files)
  Accessible without login Plain text file arrayvalues.data Data Auxiliary data
  Accessible without login Plain text file arrayvalues.tpl Data Auxiliary data
  Accessible without login HTML file index-jsonfromform.html Doc. Documentation
  Accessible without login HTML file index-purejson.html Doc. Documentation
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login Plain text file main.css Data Auxiliary data
  Accessible without login Plain text file optionsTemplate.tpl Data Auxiliary data
  Accessible without login Plain text file optionvalues.data Data Auxiliary data
  Accessible without login Plain text file optionvalues.json Data Auxiliary data
  Accessible without login Plain text file testForm.php Data Auxiliary data

  Files folder image Files  /  demos  /  demo_json_init  /  img  
File Role Description
  Accessible without login Image file deNiro.png Icon Icon image
  Accessible without login Image file Doe.png Icon Icon image
  Accessible without login Image file Dylan.png Icon Icon image
  Accessible without login Image file Hagen.png Icon Icon image
  Accessible without login Image file koniko.png Icon Icon image
  Accessible without login Image file none.png Icon Icon image
  Accessible without login Image file None.png Icon Icon image
  Accessible without login Image file Rabbit.png Icon Icon image

  Files folder image Files  /  demos  /  demo_json_init_with_mustache  
File Role Description
Files folder imageimg (7 files)
  Accessible without login Plain text file arrayvalues.data Data Auxiliary data
  Accessible without login Plain text file arrayvalues.data.php Data Auxiliary data
  Accessible without login Plain text file arrayvalues.json2html.tpl Data Auxiliary data
  Accessible without login Plain text file arrayvalues.tpl Data Auxiliary data
  Accessible without login Plain text file arrayvalues2.tpl Data Auxiliary data
  Accessible without login Plain text file arrayvalues_subblock.tpl Data Auxiliary data
  Accessible without login HTML file index-jsonfromform.html Doc. Documentation
  Accessible without login HTML file index-purejson.html Doc. Documentation
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login Plain text file main.css Data Auxiliary data
  Accessible without login Plain text file optionsTemplate.tpl Data Auxiliary data
  Accessible without login Plain text file optionvalues.data Data Auxiliary data
  Accessible without login Plain text file optionvalues.json Data Auxiliary data
  Accessible without login Plain text file testForm.php Data Auxiliary data

  Files folder image Files  /  demos  /  demo_json_init_with_mustache  /  img  
File Role Description
  Accessible without login Image file deNiro.png Icon Icon image
  Accessible without login Image file Doe.png Icon Icon image
  Accessible without login Image file Dylan.png Icon Icon image
  Accessible without login Image file Hagen.png Icon Icon image
  Accessible without login Image file koniko.png Icon Icon image
  Accessible without login Image file None.png Icon Icon image
  Accessible without login Image file Rabbit.png Icon Icon image

  Files folder image Files  /  demos  /  demo_json_nested_blocks  
File Role Description
  Accessible without login Plain text file arrayvalues.data.php Data Auxiliary data
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login Plain text file main.css Data Auxiliary data
  Accessible without login Plain text file optionvalues.json Data Auxiliary data

  Files folder image Files  /  demos  /  dynamicSearch  
File Role Description
  Accessible without login Plain text file arrayvalues.data.php Data Auxiliary data
  Accessible without login Plain text file arrayvalues.tpl Data Auxiliary data
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login Plain text file main.css Data Auxiliary data

  Files folder image Files  /  demos  /  helloworld  
File Role Description
Files folder imageassets (4 files)
  Accessible without login Plain text file footer.php Data Auxiliary data
  Accessible without login Plain text file header.php Data Auxiliary data
  Accessible without login Plain text file helloworld_2.php Data Auxiliary data
  Accessible without login Plain text file helloworld_3.php Data Auxiliary data
  Accessible without login Plain text file helloworld_4.php Data Auxiliary data
  Accessible without login Plain text file index.php Data Auxiliary data

  Files folder image Files  /  demos  /  helloworld  /  assets  
File Role Description
  Accessible without login Image file blapy.png Icon Icon image
  Accessible without login Plain text file font-awesome.min.css Data Auxiliary data
  Accessible without login Plain text file main.css Data Auxiliary data
  Accessible without login Image file pic00.jpg Icon Icon image

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  
File Role Description
Files folder imagebower_components (14 directories)
Files folder imagedist (2 directories)
Files folder imagejs (2 files)
Files folder imageless (3 files)
Files folder imagepages (13 files, 1 directory)
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file composer.json Data Auxiliary data
  Accessible without login Plain text file index.php Data Auxiliary data
  Accessible without login Plain text file LICENSE Data Auxiliary data
  Accessible without login Plain text file README.md Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  
File Role Description
Files folder imagebootstrap-social (7 files)
Files folder imagebootstrap (8 files, 6 directories)
Files folder imagedatatables-plugins (3 files, 8 directories)
Files folder imagedatatables-responsive (5 files, 4 directories)
Files folder imagedatatables (5 files, 1 directory)
Files folder imageflot.tooltip (2 files, 1 directory)
Files folder imageflot (32 files, 1 directory)
Files folder imagefont-awesome (3 files, 4 directories)
Files folder imageholderjs (8 files, 2 directories)
Files folder imagejquery (3 files, 2 directories)
Files folder imagemetisMenu (6 files, 2 directories)
Files folder imagemocha (7 files, 1 directory)
Files folder imagemorrisjs (10 files, 4 directories)
Files folder imageraphael (5 files, 1 directory)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap-social  
File Role Description
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file .editorconfig Data Auxiliary data
  Accessible without login Plain text file bootstrap-social.css Data Auxiliary data
  Accessible without login Plain text file bootstrap-social.less Data Auxiliary data
  Accessible without login Plain text file bootstrap-social.scss Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file README.md Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  
File Role Description
Files folder imagedist (3 directories)
Files folder imagefonts (1 file)
Files folder imagegrunt (7 files)
Files folder imagejs (14 files)
Files folder imageless (43 files, 1 directory)
Files folder imagenuget (3 files)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file CHANGELOG.md Data Auxiliary data
  Plain text file Gruntfile.js Class Class source
  Accessible without login Plain text file LICENSE Data Auxiliary data
  Accessible without login Plain text file package.js Aux. Auxiliary script
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Plain text file README.md Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  dist  
File Role Description
Files folder imagecss (8 files)
Files folder imagefonts (1 file)
Files folder imagejs (3 files)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  dist  /  css  
File Role Description
  Accessible without login Plain text file bootstrap-theme.css Data Auxiliary data
  Accessible without login Plain text file bootstrap-theme.css.map Example Example script
  Accessible without login Plain text file bootstrap-theme.min.css Data Auxiliary data
  Accessible without login Plain text file bootstrap-theme.min.css.map Data Auxiliary data
  Accessible without login Plain text file bootstrap.css Data Auxiliary data
  Accessible without login Plain text file bootstrap.css.map Example Example script
  Accessible without login Plain text file bootstrap.min.css Data Auxiliary data
  Accessible without login Plain text file bootstrap.min.css.map Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  dist  /  fonts  
File Role Description
  Accessible without login Plain text file glyphicons-halflings-regular.svg Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  dist  /  js  
File Role Description
  Plain text file bootstrap.js Class Class source
  Plain text file bootstrap.min.js Class Class source
  Accessible without login Plain text file npm.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  fonts  
File Role Description
  Accessible without login Plain text file glyphicons-halflings-regular.svg Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  grunt  
File Role Description
  Accessible without login Plain text file .jshintrc Data Auxiliary data
  Plain text file bs-commonjs-generator.js Class Class source
  Plain text file bs-glyphicons-data-generator.js Class Class source
  Plain text file bs-lessdoc-parser.js Class Class source
  Plain text file bs-raw-files-generator.js Class Class source
  Accessible without login Plain text file configBridge.json Example Example script
  Accessible without login Plain text file sauce_browsers.yml Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  js  
File Role Description
  Accessible without login Plain text file .jscsrc Data Auxiliary data
  Accessible without login Plain text file .jshintrc Data Auxiliary data
  Plain text file affix.js Class Class source
  Plain text file alert.js Class Class source
  Plain text file button.js Class Class source
  Plain text file carousel.js Class Class source
  Plain text file collapse.js Class Class source
  Plain text file dropdown.js Class Class source
  Plain text file modal.js Class Class source
  Plain text file popover.js Class Class source
  Plain text file scrollspy.js Class Class source
  Plain text file tab.js Class Class source
  Plain text file tooltip.js Class Class source
  Accessible without login Plain text file transition.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  less  
File Role Description
Files folder imagemixins (30 files)
  Accessible without login Plain text file .csscomb.json Data Auxiliary data
  Accessible without login Plain text file .csslintrc Data Auxiliary data
  Accessible without login Plain text file alerts.less Data Auxiliary data
  Accessible without login Plain text file badges.less Data Auxiliary data
  Accessible without login Plain text file bootstrap.less Data Auxiliary data
  Accessible without login Plain text file breadcrumbs.less Data Auxiliary data
  Accessible without login Plain text file button-groups.less Example Example script
  Accessible without login Plain text file buttons.less Data Auxiliary data
  Accessible without login Plain text file carousel.less Data Auxiliary data
  Accessible without login Plain text file close.less Data Auxiliary data
  Accessible without login Plain text file code.less Data Auxiliary data
  Accessible without login Plain text file component-animations.less Data Auxiliary data
  Accessible without login Plain text file dropdowns.less Example Example script
  Accessible without login Plain text file forms.less Data Auxiliary data
  Accessible without login Plain text file glyphicons.less Data Auxiliary data
  Accessible without login Plain text file grid.less Data Auxiliary data
  Accessible without login Plain text file input-groups.less Example Example script
  Accessible without login Plain text file jumbotron.less Data Auxiliary data
  Accessible without login Plain text file labels.less Data Auxiliary data
  Accessible without login Plain text file list-group.less Data Auxiliary data
  Accessible without login Plain text file media.less Data Auxiliary data
  Accessible without login Plain text file mixins.less Data Auxiliary data
  Accessible without login Plain text file modals.less Data Auxiliary data
  Accessible without login Plain text file navbar.less Data Auxiliary data
  Accessible without login Plain text file navs.less Data Auxiliary data
  Accessible without login Plain text file normalize.less Data Auxiliary data
  Accessible without login Plain text file pager.less Data Auxiliary data
  Accessible without login Plain text file pagination.less Data Auxiliary data
  Accessible without login Plain text file panels.less Data Auxiliary data
  Accessible without login Plain text file popovers.less Data Auxiliary data
  Accessible without login Plain text file print.less Data Auxiliary data
  Accessible without login Plain text file progress-bars.less Data Auxiliary data
  Accessible without login Plain text file responsive-embed.less Data Auxiliary data
  Accessible without login Plain text file responsive-utilities.less Data Auxiliary data
  Accessible without login Plain text file scaffolding.less Data Auxiliary data
  Accessible without login Plain text file tables.less Data Auxiliary data
  Accessible without login Plain text file theme.less Example Example script
  Accessible without login Plain text file thumbnails.less Data Auxiliary data
  Accessible without login Plain text file tooltip.less Data Auxiliary data
  Accessible without login Plain text file type.less Data Auxiliary data
  Accessible without login Plain text file utilities.less Data Auxiliary data
  Accessible without login Plain text file variables.less Data Auxiliary data
  Accessible without login Plain text file wells.less Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  less  /  mixins  
File Role Description
  Accessible without login Plain text file alerts.less Data Auxiliary data
  Accessible without login Plain text file background-variant.less Data Auxiliary data
  Accessible without login Plain text file border-radius.less Data Auxiliary data
  Accessible without login Plain text file buttons.less Data Auxiliary data
  Accessible without login Plain text file center-block.less Data Auxiliary data
  Accessible without login Plain text file clearfix.less Data Auxiliary data
  Accessible without login Plain text file forms.less Data Auxiliary data
  Accessible without login Plain text file gradients.less Data Auxiliary data
  Accessible without login Plain text file grid-framework.less Data Auxiliary data
  Accessible without login Plain text file grid.less Data Auxiliary data
  Accessible without login Plain text file hide-text.less Data Auxiliary data
  Accessible without login Plain text file image.less Data Auxiliary data
  Accessible without login Plain text file labels.less Data Auxiliary data
  Accessible without login Plain text file list-group.less Data Auxiliary data
  Accessible without login Plain text file nav-divider.less Data Auxiliary data
  Accessible without login Plain text file nav-vertical-align.less Data Auxiliary data
  Accessible without login Plain text file opacity.less Data Auxiliary data
  Accessible without login Plain text file pagination.less Data Auxiliary data
  Accessible without login Plain text file panels.less Data Auxiliary data
  Accessible without login Plain text file progress-bar.less Data Auxiliary data
  Accessible without login Plain text file reset-filter.less Data Auxiliary data
  Accessible without login Plain text file reset-text.less Data Auxiliary data
  Accessible without login Plain text file resize.less Data Auxiliary data
  Accessible without login Plain text file responsive-visibility.less Data Auxiliary data
  Accessible without login Plain text file size.less Data Auxiliary data
  Accessible without login Plain text file tab-focus.less Data Auxiliary data
  Accessible without login Plain text file table-row.less Data Auxiliary data
  Accessible without login Plain text file text-emphasis.less Data Auxiliary data
  Accessible without login Plain text file text-overflow.less Data Auxiliary data
  Accessible without login Plain text file vendor-prefixes.less Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  bootstrap  /  nuget  
File Role Description
  Accessible without login Plain text file bootstrap.less.nuspec Data Auxiliary data
  Accessible without login Plain text file bootstrap.nuspec Data Auxiliary data
  Accessible without login Plain text file MyGet.ps1 Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  
File Role Description
Files folder imageapi (28 files)
Files folder imagefeatures (3 directories)
Files folder imagefiltering (1 file, 2 directories)
Files folder imagei18n (59 files)
Files folder imageintegration (4 directories)
Files folder imagepagination (7 files, 1 directory)
Files folder imagesorting (29 files, 1 directory)
Files folder imagetype-detection (8 files)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file make.sh Data Auxiliary data
  Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  api  
File Role Description
  Plain text file fnAddDataAndDisplay.js Class Class source
  Plain text file fnAddTr.js Class Class source
  Accessible without login Plain text file fnColumnIndexToVisible.js Aux. Auxiliary script
  Accessible without login Plain text file fnDataUpdate.js Example Example script
  Plain text file fnDisplayRow.js Class Class source
  Accessible without login Plain text file fnDisplayStart.js Aux. Auxiliary script
  Accessible without login Plain text file fnFakeRowspan.js Example Example script
  Plain text file fnFilterAll.js Class Class source
  Accessible without login Plain text file fnFilterClear.js Example Example script
  Plain text file fnFilterOnReturn.js Class Class source
  Plain text file fnFindCellRowIndexes.js Class Class source
  Plain text file fnFindCellRowNodes.js Class Class source
  Accessible without login Plain text file fnGetAdjacentTr.js Aux. Auxiliary script
  Plain text file fnGetColumnData.js Class Class source
  Accessible without login Plain text file fnGetColumnIndex.js Aux. Auxiliary script
  Plain text file fnGetHiddenNodes.js Class Class source
  Accessible without login Plain text file fnGetTd.js Example Example script
  Accessible without login Plain text file fnGetTds.js Example Example script
  Accessible without login Plain text file fnLengthChange.js Example Example script
  Plain text file fnMultiFilter.js Class Class source
  Plain text file fnPagingInfo.js Class Class source
  Plain text file fnProcessingIndicator.js Class Class source
  Plain text file fnReloadAjax.js Class Class source
  Plain text file fnSetFilteringDelay.js Class Class source
  Accessible without login Plain text file fnSortNeutral.js Aux. Auxiliary script
  Accessible without login Plain text file fnStandingRedraw.js Example Example script
  Accessible without login Plain text file fnVisibleToColumnIndex.js Aux. Auxiliary script
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  features  
File Role Description
Files folder imagealphabetSearch (3 files)
Files folder imagelengthLinks (3 files)
Files folder imagesearchHighlight (3 files)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  features  /  alphabetSearch  
File Role Description
  Accessible without login Plain text file dataTables.alphabetSearch.css Data Auxiliary data
  Plain text file dataTables.alphabetSearch.js Class Class source
  Plain text file dataTables.alphabetSearch.min.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  features  /  searchHighlight  
File Role Description
  Accessible without login Plain text file dataTables.searchHighlight.css Data Auxiliary data
  Accessible without login Plain text file dataTables.searchHighlight.js Example Example script
  Accessible without login Plain text file dataTables.searchHighlight.min.js Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  filtering  
File Role Description
Files folder imagerow-based (3 files)
Files folder imagetype-based (3 files)
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  filtering  /  row-based  
File Role Description
  Accessible without login Plain text file range_dates.js Aux. Auxiliary script
  Accessible without login Plain text file range_numbers.js Aux. Auxiliary script
  Plain text file TableTools.ShowSelectedOnly.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  filtering  /  type-based  
File Role Description
  Accessible without login Plain text file accent-neutralise.js Aux. Auxiliary script
  Accessible without login Plain text file html.js Aux. Auxiliary script
  Accessible without login Plain text file phoneNumber.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  i18n  
File Role Description
  Accessible without login Plain text file Afrikaans.lang Data Auxiliary data
  Accessible without login Plain text file Albanian.lang Data Auxiliary data
  Accessible without login Plain text file Arabic.lang Data Auxiliary data
  Accessible without login Plain text file Azerbaijan.lang Data Auxiliary data
  Accessible without login Plain text file Bangla.lang Data Auxiliary data
  Accessible without login Plain text file Belarusian.lang Data Auxiliary data
  Accessible without login Plain text file Bulgarian.lang Data Auxiliary data
  Accessible without login Plain text file Catalan.lang Data Auxiliary data
  Accessible without login Plain text file Chinese-traditional.lang Data Auxiliary data
  Accessible without login Plain text file Chinese.lang Data Auxiliary data
  Accessible without login Plain text file Croatian.lang Data Auxiliary data
  Accessible without login Plain text file Czech.lang Data Auxiliary data
  Accessible without login Plain text file Danish.lang Data Auxiliary data
  Accessible without login Plain text file Dutch.lang Data Auxiliary data
  Accessible without login Plain text file English.lang Data Auxiliary data
  Accessible without login Plain text file Estonian.lang Data Auxiliary data
  Accessible without login Plain text file Filipino.lang Data Auxiliary data
  Accessible without login Plain text file Finnish.lang Data Auxiliary data
  Accessible without login Plain text file French.lang Data Auxiliary data
  Accessible without login Plain text file Galician.lang Data Auxiliary data
  Accessible without login Plain text file Georgian.lang Data Auxiliary data
  Accessible without login Plain text file German.lang Data Auxiliary data
  Accessible without login Plain text file Greek.lang Data Auxiliary data
  Accessible without login Plain text file Gujarati.lang Data Auxiliary data
  Accessible without login Plain text file Hebrew.lang Data Auxiliary data
  Accessible without login Plain text file Hindi.lang Data Auxiliary data
  Accessible without login Plain text file Hungarian.lang Data Auxiliary data
  Accessible without login Plain text file Icelandic.lang Data Auxiliary data
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login Plain text file Indonesian-Alternative.lang Data Auxiliary data
  Accessible without login Plain text file Indonesian.lang Data Auxiliary data
  Accessible without login Plain text file Irish.lang Data Auxiliary data
  Accessible without login Plain text file Italian.lang Data Auxiliary data
  Accessible without login Plain text file Japanese.lang Data Auxiliary data
  Accessible without login Plain text file Korean.lang Data Auxiliary data
  Accessible without login Plain text file Latvian.lang Data Auxiliary data
  Accessible without login Plain text file Lithuanian.lang Data Auxiliary data
  Accessible without login Plain text file Macedonian.lang Data Auxiliary data
  Accessible without login Plain text file Malay.lang Data Auxiliary data
  Accessible without login Plain text file Norwegian.lang Data Auxiliary data
  Accessible without login Plain text file Persian.lang Data Auxiliary data
  Accessible without login Plain text file Polish.lang Data Auxiliary data
  Accessible without login Plain text file Portuguese-Brasil.lang Data Auxiliary data
  Accessible without login Plain text file Portuguese.lang Data Auxiliary data
  Accessible without login Plain text file Romanian.lang Data Auxiliary data
  Accessible without login Plain text file Russian.lang Data Auxiliary data
  Accessible without login Plain text file Serbian.lang Data Auxiliary data
  Accessible without login Plain text file Slovak.lang Data Auxiliary data
  Accessible without login Plain text file Slovenian.lang Data Auxiliary data
  Accessible without login Plain text file Spanish.lang Data Auxiliary data
  Accessible without login Plain text file Swahili.lang Data Auxiliary data
  Accessible without login Plain text file Swedish.lang Data Auxiliary data
  Accessible without login Plain text file Tamil.lang Data Auxiliary data
  Accessible without login Plain text file Thai.lang Data Auxiliary data
  Accessible without login Plain text file Turkish.lang Data Auxiliary data
  Accessible without login Plain text file Ukranian.lang Data Auxiliary data
  Accessible without login Plain text file Urdu.lang Data Auxiliary data
  Accessible without login Plain text file Uzbek.lang Data Auxiliary data
  Accessible without login Plain text file Vietnamese.lang Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  
File Role Description
Files folder imagebootstrap (4 directories)
Files folder imagefont-awesome (4 files)
Files folder imagefoundation (4 files, 1 directory)
Files folder imagejqueryui (5 files)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  /  bootstrap  
File Role Description
Files folder image1 (2 files)
Files folder image2 (4 files)
Files folder image3 (4 files)
Files folder imageimages (5 files)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  /  bootstrap  /  1  
File Role Description
  Accessible without login Plain text file dataTables.bootstrap.css Data Auxiliary data
  Accessible without login Plain text file dataTables.bootstrap.js Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  /  bootstrap  /  2  
File Role Description
  Accessible without login Plain text file dataTables.bootstrap.css Data Auxiliary data
  Accessible without login Plain text file dataTables.bootstrap.js Example Example script
  Accessible without login Plain text file dataTables.bootstrap.min.js Example Example script
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  /  bootstrap  /  3  
File Role Description
  Accessible without login Plain text file dataTables.bootstrap.css Data Auxiliary data
  Accessible without login Plain text file dataTables.bootstrap.js Example Example script
  Accessible without login Plain text file dataTables.bootstrap.min.js Example Example script
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  /  bootstrap  /  images  
File Role Description
  Accessible without login Image file sort_asc.png Icon Icon image
  Accessible without login Image file sort_asc_disabled.png Icon Icon image
  Accessible without login Image file sort_both.png Icon Icon image
  Accessible without login Image file sort_desc.png Icon Icon image
  Accessible without login Image file sort_desc_disabled.png Icon Icon image

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  /  font-awesome  
File Role Description
  Accessible without login HTML file bootstrap.html Doc. Documentation
  Accessible without login Plain text file dataTables.fontAwesome.css Data Auxiliary data
  Accessible without login HTML file datatables.html Doc. Documentation
  Accessible without login HTML file foundation.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  /  foundation  
File Role Description
Files folder imageimages (5 files)
  Accessible without login Plain text file dataTables.foundation.css Data Auxiliary data
  Accessible without login Plain text file dataTables.foundation.js Example Example script
  Accessible without login Plain text file dataTables.foundation.min.js Example Example script
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  /  foundation  /  images  
File Role Description
  Accessible without login Image file sort_asc.png Icon Icon image
  Accessible without login Image file sort_asc_disabled.png Icon Icon image
  Accessible without login Image file sort_both.png Icon Icon image
  Accessible without login Image file sort_desc.png Icon Icon image
  Accessible without login Image file sort_desc_disabled.png Icon Icon image

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  integration  /  jqueryui  
File Role Description
  Accessible without login Plain text file dataTables.jqueryui.css Data Auxiliary data
  Accessible without login Plain text file dataTables.jqueryui.js Aux. Auxiliary script
  Accessible without login Plain text file dataTables.jqueryui.min.js Aux. Auxiliary script
  Accessible without login Plain text file dataTables.jqueryui.scss Data Auxiliary data
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  pagination  
File Role Description
Files folder imagejPaginator (1 file)
  Plain text file ellipses.js Class Class source
  Accessible without login Plain text file extjs.js Aux. Auxiliary script
  Accessible without login Plain text file four_button.js Aux. Auxiliary script
  Accessible without login HTML file index.html Doc. Documentation
  Plain text file input.js Class Class source
  Accessible without login Plain text file scrolling.js Aux. Auxiliary script
  Plain text file select.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  pagination  /  jPaginator  
File Role Description
  Plain text file dataTables.jPaginator.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  sorting  
File Role Description
Files folder imagecustom-data-source (3 files)
  Accessible without login Plain text file alt-string.js Aux. Auxiliary script
  Accessible without login Plain text file anti-the.js Aux. Auxiliary script
  Accessible without login Plain text file chinese-string.js Aux. Auxiliary script
  Accessible without login Plain text file currency.js Aux. Auxiliary script
  Accessible without login Plain text file date-dd-MMM-yyyy.js Example Example script
  Accessible without login Plain text file date-de.js Aux. Auxiliary script
  Accessible without login Plain text file date-eu.js Aux. Auxiliary script
  Accessible without login Plain text file date-euro.js Aux. Auxiliary script
  Accessible without login Plain text file date-uk.js Aux. Auxiliary script
  Accessible without login Plain text file datetime-moment.js Aux. Auxiliary script
  Accessible without login Plain text file datetime-us.js Example Example script
  Accessible without login Plain text file enum.js Aux. Auxiliary script
  Accessible without login Plain text file file-size.js Aux. Auxiliary script
  Accessible without login Plain text file formatted-numbers.js Aux. Auxiliary script
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login Plain text file ip-address.js Aux. Auxiliary script
  Accessible without login Plain text file monthYear.js Example Example script
  Accessible without login Plain text file natural.js Aux. Auxiliary script
  Accessible without login Plain text file num-html.js Aux. Auxiliary script
  Accessible without login Plain text file numeric-comma.js Aux. Auxiliary script
  Accessible without login Plain text file percent.js Aux. Auxiliary script
  Accessible without login Plain text file persian.js Aux. Auxiliary script
  Accessible without login Plain text file scientific.js Aux. Auxiliary script
  Accessible without login Plain text file signed-num.js Aux. Auxiliary script
  Accessible without login Plain text file stringMonthYear.js Example Example script
  Accessible without login Plain text file time.js Aux. Auxiliary script
  Accessible without login Plain text file title-numeric.js Aux. Auxiliary script
  Accessible without login Plain text file title-string.js Aux. Auxiliary script
  Accessible without login Plain text file turkish-string.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  sorting  /  custom-data-source  
File Role Description
  Plain text file dom-checkbox.js Class Class source
  Plain text file dom-select.js Class Class source
  Plain text file dom-text.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-plugins  /  type-detection  
File Role Description
  Accessible without login Plain text file currency.js Example Example script
  Accessible without login Plain text file date-uk.js Aux. Auxiliary script
  Accessible without login Plain text file file-size.js Aux. Auxiliary script
  Accessible without login Plain text file formatted-num.js Aux. Auxiliary script
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login Plain text file ip-address.js Aux. Auxiliary script
  Accessible without login Plain text file num-html.js Aux. Auxiliary script
  Accessible without login Plain text file numeric-comma.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  
File Role Description
Files folder imagecss (4 files)
Files folder imagedocs (1 directory)
Files folder imageexamples (1 file, 4 directories)
Files folder imagejs (1 file)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file License.txt Doc. Documentation
  Accessible without login Plain text file make.sh Data Auxiliary data
  Accessible without login Plain text file Readme.md Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  /  css  
File Role Description
  Accessible without login Plain text file responsive.bootstrap.scss Data Auxiliary data
  Accessible without login Plain text file responsive.dataTables.scss Data Auxiliary data
  Accessible without login Plain text file responsive.foundation.scss Data Auxiliary data
  Accessible without login Plain text file responsive.jqueryui.scss Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  /  docs  
File Role Description
Files folder imageoption (6 files)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  /  docs  /  option  
File Role Description
  Accessible without login Plain text file responsive.breakpoints.xml Data Auxiliary data
  Accessible without login Plain text file responsive.details.renderer.xml Data Auxiliary data
  Accessible without login Plain text file responsive.details.target.xml Data Auxiliary data
  Accessible without login Plain text file responsive.details.type.xml Data Auxiliary data
  Accessible without login Plain text file responsive.details.xml Data Auxiliary data
  Accessible without login Plain text file responsive.xml Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  /  examples  
File Role Description
Files folder imagechild-rows (6 files)
Files folder imagedisplay-control (6 files)
Files folder imageinitialisation (6 files)
Files folder imagestyling (6 files)
  Accessible without login Plain text file index.xml Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  /  examples  /  child-rows  
File Role Description
  Accessible without login Plain text file column-control.xml Data Auxiliary data
  Accessible without login Plain text file custom-renderer.xml Data Auxiliary data
  Accessible without login Plain text file disable-child-rows.xml Data Auxiliary data
  Accessible without login Plain text file index.xml Data Auxiliary data
  Accessible without login Plain text file right-column.xml Data Auxiliary data
  Accessible without login Plain text file whole-row-control.xml Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  /  examples  /  display-control  
File Role Description
  Accessible without login Plain text file auto.xml Data Auxiliary data
  Accessible without login Plain text file classes.xml Data Auxiliary data
  Accessible without login Plain text file complexHeader.xml Data Auxiliary data
  Accessible without login Plain text file fixedHeader.xml Example Example script
  Accessible without login Plain text file index.xml Data Auxiliary data
  Accessible without login Plain text file init-classes.xml Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  /  examples  /  initialisation  
File Role Description
  Accessible without login Plain text file ajax.xml Data Auxiliary data
  Accessible without login Plain text file className.xml Data Auxiliary data
  Accessible without login Plain text file default.xml Data Auxiliary data
  Accessible without login Plain text file index.xml Data Auxiliary data
  Accessible without login Plain text file new.xml Example Example script
  Accessible without login Plain text file option.xml Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  /  examples  /  styling  
File Role Description
  Accessible without login Plain text file bootstrap.xml Data Auxiliary data
  Accessible without login Plain text file compact.xml Data Auxiliary data
  Accessible without login Plain text file foundation.xml Data Auxiliary data
  Accessible without login Plain text file index.xml Data Auxiliary data
  Accessible without login Plain text file jqueryui.xml Data Auxiliary data
  Accessible without login Plain text file scrolling.xml Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables-responsive  /  js  
File Role Description
  Plain text file dataTables.responsive.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables  
File Role Description
Files folder imagemedia (3 directories)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file Contributing.md Data Auxiliary data
  Accessible without login Plain text file license.txt Doc. Documentation
  Accessible without login Plain text file Readme.md Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables  /  media  
File Role Description
Files folder imagecss (9 files)
Files folder imageimages (6 files)
Files folder imagejs (9 files)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables  /  media  /  css  
File Role Description
  Accessible without login Plain text file dataTables.bootstrap.css Data Auxiliary data
  Accessible without login Plain text file dataTables.bootstrap.min.css Data Auxiliary data
  Accessible without login Plain text file dataTables.foundation.css Data Auxiliary data
  Accessible without login Plain text file dataTables.foundation.min.css Data Auxiliary data
  Accessible without login Plain text file dataTables.jqueryui.css Data Auxiliary data
  Accessible without login Plain text file dataTables.jqueryui.min.css Data Auxiliary data
  Accessible without login Plain text file jquery.dataTables.css Data Auxiliary data
  Accessible without login Plain text file jquery.dataTables.min.css Data Auxiliary data
  Accessible without login Plain text file jquery.dataTables_themeroller.css Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables  /  media  /  images  
File Role Description
  Accessible without login Image file favicon.ico Data Auxiliary data
  Accessible without login Image file sort_asc.png Icon Icon image
  Accessible without login Image file sort_asc_disabled.png Icon Icon image
  Accessible without login Image file sort_both.png Icon Icon image
  Accessible without login Image file sort_desc.png Icon Icon image
  Accessible without login Image file sort_desc_disabled.png Icon Icon image

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  datatables  /  media  /  js  
File Role Description
  Plain text file dataTables.bootstrap.js Class Class source
  Plain text file dataTables.bootstrap.min.js Class Class source
  Plain text file dataTables.foundation.js Class Class source
  Plain text file dataTables.foundation.min.js Class Class source
  Plain text file dataTables.jqueryui.js Class Class source
  Plain text file dataTables.jqueryui.min.js Class Class source
  Plain text file jquery.dataTables.js Class Class source
  Plain text file jquery.dataTables.min.js Class Class source
  Plain text file jquery.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot.tooltip  
File Role Description
Files folder imagejs (5 files)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot.tooltip  /  js  
File Role Description
  Plain text file excanvas.min.js Class Class source
  Plain text file jquery.flot.js Class Class source
  Plain text file jquery.flot.tooltip.js Class Class source
  Plain text file jquery.flot.tooltip.min.js Class Class source
  Plain text file jquery.flot.tooltip.source.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  
File Role Description
Files folder imageexamples (3 files, 28 directories)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file .travis.yml Data Auxiliary data
  Accessible without login Plain text file API.md Example Example script
  Accessible without login Plain text file component.json Data Auxiliary data
  Accessible without login Plain text file CONTRIBUTING.md Example Example script
  Plain text file excanvas.js Class Class source
  Plain text file excanvas.min.js Class Class source
  Accessible without login Plain text file FAQ.md Data Auxiliary data
  Accessible without login Plain text file flot.jquery.json Data Auxiliary data
  Accessible without login Plain text file jquery.colorhelpers.js Example Example script
  Plain text file jquery.flot.canvas.js Class Class source
  Accessible without login Plain text file jquery.flot.categories.js Aux. Auxiliary script
  Accessible without login Plain text file jquery.flot.crosshair.js Aux. Auxiliary script
  Accessible without login Plain text file jquery.flot.errorbars.js Aux. Auxiliary script
  Accessible without login Plain text file jquery.flot.fillbetween.js Aux. Auxiliary script
  Accessible without login Plain text file jquery.flot.image.js Example Example script
  Plain text file jquery.flot.js Class Class source
  Plain text file jquery.flot.navigate.js Class Class source
  Accessible without login Plain text file jquery.flot.pie.js Example Example script
  Accessible without login Plain text file jquery.flot.resize.js Example Example script
  Accessible without login Plain text file jquery.flot.selection.js Aux. Auxiliary script
  Accessible without login Plain text file jquery.flot.stack.js Aux. Auxiliary script
  Accessible without login Plain text file jquery.flot.symbol.js Aux. Auxiliary script
  Accessible without login Plain text file jquery.flot.threshold.js Example Example script
  Accessible without login Plain text file jquery.flot.time.js Example Example script
  Plain text file jquery.js Class Class source
  Accessible without login Plain text file LICENSE.txt Doc. Documentation
  Accessible without login Plain text file Makefile Data Auxiliary data
  Plain text file NEWS.md Class Class source
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Plain text file PLUGINS.md Example Example script
  Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  
File Role Description
Files folder imageajax (9 files)
Files folder imageannotating (1 file)
Files folder imageaxes-interacting (1 file)
Files folder imageaxes-multiple (1 file)
Files folder imageaxes-time-zones (2 files, 1 directory)
Files folder imageaxes-time (1 file)
Files folder imagebasic-options (1 file)
Files folder imagebasic-usage (1 file)
Files folder imagecanvas (1 file)
Files folder imagecategories (1 file)
Files folder imageimage (2 files)
Files folder imageinteracting (1 file)
Files folder imagenavigate (5 files)
Files folder imagepercentiles (1 file)
Files folder imagerealtime (1 file)
Files folder imageresize (1 file)
Files folder imageselection (1 file)
Files folder imageseries-errorbars (1 file)
Files folder imageseries-pie (1 file)
Files folder imageseries-toggle (1 file)
Files folder imageseries-types (1 file)
Files folder imageshared (1 directory)
Files folder imagestacking (1 file)
Files folder imagesymbols (1 file)
Files folder imagethreshold (1 file)
Files folder imagetracking (1 file)
Files folder imagevisitors (1 file)
Files folder imagezooming (1 file)
  Accessible without login Image file background.png Icon Icon image
  Accessible without login Plain text file examples.css Data Auxiliary data
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  ajax  
File Role Description
  Accessible without login Plain text file data-eu-gdp-growth-1.json Data Auxiliary data
  Accessible without login Plain text file data-eu-gdp-growth-2.json Data Auxiliary data
  Accessible without login Plain text file data-eu-gdp-growth-3.json Data Auxiliary data
  Accessible without login Plain text file data-eu-gdp-growth-4.json Data Auxiliary data
  Accessible without login Plain text file data-eu-gdp-growth-5.json Data Auxiliary data
  Accessible without login Plain text file data-eu-gdp-growth.json Data Auxiliary data
  Accessible without login Plain text file data-japan-gdp-growth.json Data Auxiliary data
  Accessible without login Plain text file data-usa-gdp-growth.json Data Auxiliary data
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  annotating  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  axes-interacting  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  axes-multiple  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  axes-time-zones  
File Role Description
Files folder imagetz (19 files)
  Plain text file date.js Class Class source
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  axes-time-zones  /  tz  
File Role Description
  Accessible without login Plain text file africa Example Example script
  Accessible without login Plain text file antarctica Data Auxiliary data
  Plain text file asia Class Class source
  Accessible without login Plain text file australasia Example Example script
  Accessible without login Plain text file backward Data Auxiliary data
  Accessible without login Plain text file etcetera Data Auxiliary data
  Plain text file europe Class Class source
  Accessible without login Plain text file factory Data Auxiliary data
  Accessible without login Plain text file iso3166.tab Data Auxiliary data
  Accessible without login Plain text file leapseconds Data Auxiliary data
  Plain text file northamerica Class Class source
  Accessible without login Plain text file pacificnew Data Auxiliary data
  Accessible without login Plain text file solar87 Data Auxiliary data
  Accessible without login Plain text file solar88 Data Auxiliary data
  Accessible without login Plain text file solar89 Data Auxiliary data
  Plain text file southamerica Class Class source
  Accessible without login Plain text file systemv Data Auxiliary data
  Accessible without login Plain text file yearistype.sh Data Auxiliary data
  Accessible without login Plain text file zone.tab Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  axes-time  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  basic-options  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  basic-usage  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  canvas  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  categories  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  image  
File Role Description
  Accessible without login Image file hs-2004-27-a-large-web.jpg Data Auxiliary data
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  interacting  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  navigate  
File Role Description
  Accessible without login Image file arrow-down.gif Icon Icon image
  Accessible without login Image file arrow-left.gif Icon Icon image
  Accessible without login Image file arrow-right.gif Icon Icon image
  Accessible without login Image file arrow-up.gif Icon Icon image
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  percentiles  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  realtime  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  resize  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  selection  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  series-errorbars  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  series-pie  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  series-toggle  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  series-types  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  shared  
File Role Description
Files folder imagejquery-ui (1 file)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  shared  /  jquery-ui  
File Role Description
  Accessible without login Plain text file jquery-ui.min.css Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  stacking  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  symbols  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  threshold  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  tracking  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  visitors  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  flot  /  examples  /  zooming  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  font-awesome  
File Role Description
Files folder imagecss (2 files)
Files folder imagefonts (1 file)
Files folder imageless (14 files)
Files folder imagescss (14 files)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file .npmignore Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  font-awesome  /  css  
File Role Description
  Accessible without login Plain text file font-awesome.css Data Auxiliary data
  Accessible without login Plain text file font-awesome.min.css Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  font-awesome  /  fonts  
File Role Description
  Accessible without login Plain text file fontawesome-webfont.svg Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  font-awesome  /  less  
File Role Description
  Accessible without login Plain text file bordered-pulled.less Data Auxiliary data
  Accessible without login Plain text file core.less Data Auxiliary data
  Accessible without login Plain text file extras.less Data Auxiliary data
  Accessible without login Plain text file fixed-width.less Data Auxiliary data
  Accessible without login Plain text file font-awesome.less Data Auxiliary data
  Accessible without login Plain text file icons.less Data Auxiliary data
  Accessible without login Plain text file larger.less Data Auxiliary data
  Accessible without login Plain text file list.less Data Auxiliary data
  Accessible without login Plain text file mixins.less Data Auxiliary data
  Accessible without login Plain text file path.less Data Auxiliary data
  Accessible without login Plain text file rotated-flipped.less Data Auxiliary data
  Accessible without login Plain text file spinning.less Data Auxiliary data
  Accessible without login Plain text file stacked.less Data Auxiliary data
  Accessible without login Plain text file variables.less Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  font-awesome  /  scss  
File Role Description
  Accessible without login Plain text file font-awesome.scss Data Auxiliary data
  Accessible without login Plain text file _bordered-pulled.scss Data Auxiliary data
  Accessible without login Plain text file _core.scss Data Auxiliary data
  Accessible without login Plain text file _extras.scss Data Auxiliary data
  Accessible without login Plain text file _fixed-width.scss Data Auxiliary data
  Accessible without login Plain text file _icons.scss Data Auxiliary data
  Accessible without login Plain text file _larger.scss Data Auxiliary data
  Accessible without login Plain text file _list.scss Data Auxiliary data
  Accessible without login Plain text file _mixins.scss Data Auxiliary data
  Accessible without login Plain text file _path.scss Data Auxiliary data
  Accessible without login Plain text file _rotated-flipped.scss Data Auxiliary data
  Accessible without login Plain text file _spinning.scss Data Auxiliary data
  Accessible without login Plain text file _stacked.scss Data Auxiliary data
  Accessible without login Plain text file _variables.scss Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  holderjs  
File Role Description
Files folder imagesrc (4 files)
Files folder imagetest (2 files)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file .jshintrc Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file composer.json Data Auxiliary data
  Accessible without login Plain text file gulpfile.js Example Example script
  Plain text file holder.js Class Class source
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  holderjs  /  src  
File Role Description
  Plain text file augment.js Class Class source
  Plain text file holder.js Class Class source
  Accessible without login Plain text file ondomready.js Aux. Auxiliary script
  Plain text file polyfills.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  holderjs  /  test  
File Role Description
  Accessible without login Image file image.jpg Icon Icon image
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  
File Role Description
Files folder imagedist (3 files)
Files folder imagesrc (23 files, 13 directories)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file MIT-LICENSE.txt Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  dist  
File Role Description
  Plain text file jquery.js Class Class source
  Plain text file jquery.min.js Class Class source
  Accessible without login Plain text file jquery.min.map Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  
File Role Description
Files folder imageajax (6 files, 1 directory)
Files folder imageattributes (5 files)
Files folder imagecore (4 files, 1 directory)
Files folder imagecss (6 files, 1 directory)
Files folder imagedata (2 files, 1 directory)
Files folder imageeffects (2 files)
Files folder imageevent (3 files)
Files folder imageexports (2 files)
Files folder imagemanipulation (2 files, 1 directory)
Files folder imagequeue (1 file)
Files folder imagesizzle (1 directory)
Files folder imagetraversing (1 file, 1 directory)
Files folder imagevar (12 files)
  Accessible without login Plain text file ajax.js Example Example script
  Accessible without login Plain text file attributes.js Aux. Auxiliary script
  Accessible without login Plain text file callbacks.js Aux. Auxiliary script
  Plain text file core.js Class Class source
  Plain text file css.js Class Class source
  Plain text file data.js Class Class source
  Accessible without login Plain text file deferred.js Example Example script
  Plain text file deprecated.js Class Class source
  Accessible without login Plain text file dimensions.js Aux. Auxiliary script
  Plain text file effects.js Class Class source
  Plain text file event.js Class Class source
  Plain text file intro.js Class Class source
  Accessible without login Plain text file jquery.js Aux. Auxiliary script
  Plain text file manipulation.js Class Class source
  Plain text file offset.js Class Class source
  Accessible without login Plain text file outro.js Aux. Auxiliary script
  Plain text file queue.js Class Class source
  Accessible without login Plain text file selector-native.js Aux. Auxiliary script
  Accessible without login Plain text file selector-sizzle.js Aux. Auxiliary script
  Accessible without login Plain text file selector.js Aux. Auxiliary script
  Plain text file serialize.js Class Class source
  Plain text file traversing.js Class Class source
  Plain text file wrap.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  ajax  
File Role Description
Files folder imagevar (2 files)
  Accessible without login Plain text file jsonp.js Aux. Auxiliary script
  Accessible without login Plain text file load.js Aux. Auxiliary script
  Accessible without login Plain text file parseJSON.js Aux. Auxiliary script
  Accessible without login Plain text file parseXML.js Example Example script
  Accessible without login Plain text file script.js Aux. Auxiliary script
  Accessible without login Plain text file xhr.js Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  ajax  /  var  
File Role Description
  Accessible without login Plain text file nonce.js Aux. Auxiliary script
  Accessible without login Plain text file rquery.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  attributes  
File Role Description
  Plain text file attr.js Class Class source
  Plain text file classes.js Class Class source
  Plain text file prop.js Class Class source
  Accessible without login Plain text file support.js Aux. Auxiliary script
  Plain text file val.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  core  
File Role Description
Files folder imagevar (1 file)
  Accessible without login Plain text file access.js Aux. Auxiliary script
  Plain text file init.js Class Class source
  Accessible without login Plain text file parseHTML.js Aux. Auxiliary script
  Accessible without login Plain text file ready.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  core  /  var  
File Role Description
  Accessible without login Plain text file rsingleTag.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  css  
File Role Description
Files folder imagevar (5 files)
  Plain text file addGetHookIf.js Class Class source
  Accessible without login Plain text file curCSS.js Example Example script
  Accessible without login Plain text file defaultDisplay.js Example Example script
  Accessible without login Plain text file hiddenVisibleSelectors.js Aux. Auxiliary script
  Accessible without login Plain text file support.js Aux. Auxiliary script
  Accessible without login Plain text file swap.js Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  css  /  var  
File Role Description
  Accessible without login Plain text file cssExpand.js Aux. Auxiliary script
  Accessible without login Plain text file getStyles.js Aux. Auxiliary script
  Accessible without login Plain text file isHidden.js Aux. Auxiliary script
  Accessible without login Plain text file rmargin.js Aux. Auxiliary script
  Accessible without login Plain text file rnumnonpx.js Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  data  
File Role Description
Files folder imagevar (2 files)
  Accessible without login Plain text file accepts.js Aux. Auxiliary script
  Plain text file Data.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  data  /  var  
File Role Description
  Accessible without login Plain text file data_priv.js Example Example script
  Accessible without login Plain text file data_user.js Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  effects  
File Role Description
  Accessible without login Plain text file animatedSelector.js Aux. Auxiliary script
  Plain text file Tween.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  event  
File Role Description
  Plain text file ajax.js Class Class source
  Plain text file alias.js Class Class source
  Accessible without login Plain text file support.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  exports  
File Role Description
  Accessible without login Plain text file amd.js Aux. Auxiliary script
  Accessible without login Plain text file global.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  manipulation  
File Role Description
Files folder imagevar (1 file)
  Accessible without login Plain text file support.js Aux. Auxiliary script
  Accessible without login Plain text file _evalUrl.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  manipulation  /  var  
File Role Description
  Accessible without login Plain text file rcheckableType.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  queue  
File Role Description
  Plain text file delay.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  sizzle  
File Role Description
Files folder imagedist (3 files)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  sizzle  /  dist  
File Role Description
  Plain text file sizzle.js Class Class source
  Plain text file sizzle.min.js Class Class source
  Accessible without login Plain text file sizzle.min.map Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  traversing  
File Role Description
Files folder imagevar (1 file)
  Plain text file findFilter.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  traversing  /  var  
File Role Description
  Accessible without login Plain text file rneedsContext.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  jquery  /  src  /  var  
File Role Description
  Accessible without login Plain text file arr.js Aux. Auxiliary script
  Accessible without login Plain text file class2type.js Aux. Auxiliary script
  Accessible without login Plain text file concat.js Aux. Auxiliary script
  Accessible without login Plain text file hasOwn.js Aux. Auxiliary script
  Accessible without login Plain text file indexOf.js Aux. Auxiliary script
  Accessible without login Plain text file pnum.js Aux. Auxiliary script
  Accessible without login Plain text file push.js Aux. Auxiliary script
  Accessible without login Plain text file rnotwhite.js Aux. Auxiliary script
  Accessible without login Plain text file slice.js Aux. Auxiliary script
  Accessible without login Plain text file strundefined.js Aux. Auxiliary script
  Accessible without login Plain text file support.js Aux. Auxiliary script
  Accessible without login Plain text file toString.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  metisMenu  
File Role Description
Files folder imagedist (4 files)
Files folder imagesrc (2 files)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Plain text file Gruntfile.js Class Class source
  Accessible without login Plain text file LICENSE Data Auxiliary data
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  metisMenu  /  dist  
File Role Description
  Accessible without login Plain text file metisMenu.css Data Auxiliary data
  Plain text file metisMenu.js Class Class source
  Accessible without login Plain text file metisMenu.min.css Data Auxiliary data
  Plain text file metisMenu.min.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  metisMenu  /  src  
File Role Description
  Accessible without login Plain text file metisMenu.css Data Auxiliary data
  Plain text file metisMenu.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  mocha  
File Role Description
Files folder imagemedia (1 file)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Plain text file History.md Class Class source
  Accessible without login Plain text file LICENSE Data Auxiliary data
  Accessible without login Plain text file mocha.css Data Auxiliary data
  Plain text file mocha.js Class Class source
  Accessible without login Plain text file Readme.md Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  mocha  /  media  
File Role Description
  Accessible without login Plain text file logo.svg Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  
File Role Description
Files folder imageexamples (28 files, 1 directory)
Files folder imageless (1 file)
Files folder imagelib (7 files)
Files folder imagespec (1 file, 3 directories)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file .travis.yml Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file bower.travis.json Data Auxiliary data
  Plain text file Gruntfile.js Class Class source
  Accessible without login Plain text file morris.css Data Auxiliary data
  Plain text file morris.js Class Class source
  Plain text file morris.min.js Class Class source
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  examples  
File Role Description
Files folder imagelib (2 files)
  Accessible without login HTML file area-as-line.html Doc. Documentation
  Accessible without login HTML file area.html Doc. Documentation
  Accessible without login HTML file bar-colors.html Doc. Documentation
  Accessible without login HTML file bar-no-axes.html Doc. Documentation
  Accessible without login HTML file bar.html Doc. Documentation
  Accessible without login HTML file days.html Doc. Documentation
  Accessible without login HTML file decimal-custom-hover.html Doc. Documentation
  Accessible without login HTML file diagonal-xlabels-bar.html Doc. Documentation
  Accessible without login HTML file diagonal-xlabels.html Doc. Documentation
  Accessible without login HTML file donut-colors.html Doc. Documentation
  Accessible without login HTML file donut-formatter.html Doc. Documentation
  Accessible without login HTML file donut.html Doc. Documentation
  Accessible without login HTML file dst.html Doc. Documentation
  Accessible without login HTML file events.html Doc. Documentation
  Accessible without login HTML file goals.html Doc. Documentation
  Accessible without login HTML file months-no-smooth.html Doc. Documentation
  Accessible without login HTML file negative.html Doc. Documentation
  Accessible without login HTML file no-grid.html Doc. Documentation
  Accessible without login HTML file non-continuous.html Doc. Documentation
  Accessible without login HTML file non-date.html Doc. Documentation
  Accessible without login HTML file quarters.html Doc. Documentation
  Accessible without login HTML file resize.html Doc. Documentation
  Accessible without login HTML file stacked_bars.html Doc. Documentation
  Accessible without login HTML file timestamps.html Doc. Documentation
  Accessible without login HTML file updating.html Doc. Documentation
  Accessible without login HTML file weeks.html Doc. Documentation
  Accessible without login HTML file years.html Doc. Documentation
  Accessible without login HTML file _template.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  examples  /  lib  
File Role Description
  Accessible without login Plain text file example.css Data Auxiliary data
  Accessible without login Plain text file example.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  less  
File Role Description
  Accessible without login Plain text file morris.core.less Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  lib  
File Role Description
  Accessible without login Plain text file morris.area.coffee Example Example script
  Accessible without login Plain text file morris.bar.coffee Example Example script
  Accessible without login Plain text file morris.coffee Data Auxiliary data
  Accessible without login Plain text file morris.donut.coffee Example Example script
  Accessible without login Plain text file morris.grid.coffee Example Example script
  Accessible without login Plain text file morris.hover.coffee Data Auxiliary data
  Accessible without login Plain text file morris.line.coffee Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  
File Role Description
Files folder imagelib (5 files, 5 directories)
Files folder imagesupport (1 file)
Files folder imageviz (4 files, 1 directory)
  Accessible without login HTML file specs.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  /  lib  
File Role Description
Files folder imagearea (1 file)
Files folder imagebar (2 files)
Files folder imagedonut (1 file)
Files folder imagegrid (3 files)
Files folder imageline (1 file)
  Accessible without login Plain text file commas_spec.coffee Data Auxiliary data
  Accessible without login Plain text file hover_spec.coffee Example Example script
  Accessible without login Plain text file label_series_spec.coffee Example Example script
  Accessible without login Plain text file pad_spec.coffee Data Auxiliary data
  Accessible without login Plain text file parse_time_spec.coffee Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  /  lib  /  area  
File Role Description
  Accessible without login Plain text file area_spec.coffee Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  /  lib  /  bar  
File Role Description
  Accessible without login Plain text file bar_spec.coffee Data Auxiliary data
  Accessible without login Plain text file colours.coffee Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  /  lib  /  donut  
File Role Description
  Accessible without login Plain text file donut_spec.coffee Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  /  lib  /  grid  
File Role Description
  Accessible without login Plain text file auto_grid_lines_spec.coffee Data Auxiliary data
  Accessible without login Plain text file set_data_spec.coffee Example Example script
  Accessible without login Plain text file y_label_format_spec.coffee Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  /  lib  /  line  
File Role Description
  Accessible without login Plain text file line_spec.coffee Example Example script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  /  support  
File Role Description
  Accessible without login Plain text file placeholder.coffee Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  /  viz  
File Role Description
Files folder imageexemplary (4 files)
  Accessible without login Plain text file examples.js Aux. Auxiliary script
  Accessible without login Plain text file run.sh Data Auxiliary data
  Accessible without login HTML file test.html Doc. Documentation
  Accessible without login Plain text file visual_specs.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  morrisjs  /  spec  /  viz  /  exemplary  
File Role Description
  Accessible without login Image file area0.png Icon Icon image
  Accessible without login Image file bar0.png Icon Icon image
  Accessible without login Image file line0.png Icon Icon image
  Accessible without login Image file stacked_bar0.png Icon Icon image

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  raphael  
File Role Description
Files folder imagedev (3 files)
  Accessible without login Plain text file .bower.json Data Auxiliary data
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file license.txt Doc. Documentation
  Plain text file raphael-min.js Class Class source
  Plain text file raphael.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  bower_components  /  raphael  /  dev  
File Role Description
  Accessible without login Plain text file amdDev.js Aux. Auxiliary script
  Plain text file index.js Class Class source
  Plain text file require.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  dist  
File Role Description
Files folder imagecss (2 files)
Files folder imagejs (1 file)

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  dist  /  css  
File Role Description
  Accessible without login Plain text file sb-admin-2.css Data Auxiliary data
  Accessible without login Plain text file timeline.css Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  dist  /  js  
File Role Description
  Plain text file sb-admin-2.js Class Class source

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  js  
File Role Description
  Accessible without login Plain text file flot-data.js Aux. Auxiliary script
  Accessible without login Plain text file morris-data.js Aux. Auxiliary script

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  less  
File Role Description
  Accessible without login Plain text file mixins.less Data Auxiliary data
  Accessible without login Plain text file sb-admin-2.less Data Auxiliary data
  Accessible without login Plain text file variables.less Data Auxiliary data

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  pages  
File Role Description
Files folder imagephpAPI (9 files)
  Accessible without login HTML file blank.html Doc. Documentation
  Accessible without login HTML file buttons.html Doc. Documentation
  Accessible without login HTML file flot.html Doc. Documentation
  Accessible without login HTML file forms.html Doc. Documentation
  Accessible without login HTML file grid.html Doc. Documentation
  Accessible without login HTML file icons.html Doc. Documentation
  Accessible without login Plain text file index.php Data Auxiliary data
  Accessible without login HTML file login.html Doc. Documentation
  Accessible without login HTML file morris.html Doc. Documentation
  Accessible without login HTML file notifications.html Doc. Documentation
  Accessible without login HTML file panels-wells.html Doc. Documentation
  Accessible without login HTML file tables.html Doc. Documentation
  Accessible without login HTML file typography.html Doc. Documentation

  Files folder image Files  /  demos  /  startbootstrap-sb-admin-2  /  pages  /  phpAPI  
File Role Description
  Accessible without login Plain text file callActions.php Data Auxiliary data
  Accessible without login Plain text file chatButtonInit.json Data Auxiliary data
  Accessible without login Plain text file chatTextListInit.json Data Auxiliary data
  Accessible without login Plain text file initActions.php Data Auxiliary data
  Accessible without login Plain text file NotificationsPanelInit.json Data Auxiliary data
  Accessible without login Plain text file subMenus.php Data Auxiliary data
  Accessible without login Plain text file timeLineInit.php Data Auxiliary data
  Accessible without login Plain text file timeLineMenuButtonsInit.php Data Auxiliary data
  Accessible without login Plain text file updateBarChartExample.php Data Auxiliary data

  Files folder image Files  /  demos  /  todomvc  
File Role Description
Files folder imagenode_modules (2 directories)
Files folder imagephp (11 files)
  Accessible without login Plain text file index.php Data Auxiliary data
  Accessible without login Plain text file learn.json Data Auxiliary data

  Files folder image Files  /  demos  /  todomvc  /  node_modules  
File Role Description
Files folder imagetodomvc-app-css (1 file)
Files folder imagetodomvc-common (2 files)

  Files folder image Files  /  demos  /  todomvc  /  node_modules  /  todomvc-app-css  
File Role Description
  Accessible without login Plain text file index.css Data Auxiliary data

  Files folder image Files  /  demos  /  todomvc  /  node_modules  /  todomvc-common  
File Role Description
  Accessible without login Plain text file base.css Data Auxiliary data
  Accessible without login Plain text file base.js Example Example script

  Files folder image Files  /  demos  /  todomvc  /  php  
File Role Description
  Accessible without login Plain text file actionCompleted.php Data Auxiliary data
  Accessible without login Plain text file addAction.php Data Auxiliary data
  Accessible without login Plain text file allCompleted.php Data Auxiliary data
  Accessible without login Plain text file clearCompleted.php Data Auxiliary data
  Accessible without login Plain text file deleteAction.php Data Auxiliary data
  Accessible without login Plain text file editAction.php Data Auxiliary data
  Accessible without login Plain text file getActive.php Data Auxiliary data
  Accessible without login Plain text file getAll.php Data Auxiliary data
  Accessible without login Plain text file getCompleted.php Data Auxiliary data
  Accessible without login Plain text file getTodo.php Data Auxiliary data
  Accessible without login Plain text file resetActions.php Data Auxiliary data

  Files folder image Files  /  demos  /  verifyEmails  
File Role Description
  Accessible without login Plain text file emaildomainswhitelist.csv Data Auxiliary data
  Accessible without login Plain text file emailList.txt Doc. Documentation
  Accessible without login Plain text file emailsList.php Data Auxiliary data
  Accessible without login Plain text file email_validation.php Data Auxiliary data
  Accessible without login Plain text file footer.php Data Auxiliary data
  Accessible without login Plain text file getmxrr.php Data Auxiliary data
  Accessible without login Plain text file header.php Data Auxiliary data
  Accessible without login Plain text file index.php Data Auxiliary data
  Accessible without login Plain text file invalidemaildomains.csv Data Auxiliary data
  Accessible without login Plain text file invalidemailservers.csv Data Auxiliary data
  Accessible without login Plain text file invalidemailusers.csv Data Auxiliary data
  Accessible without login Plain text file main.css Data Auxiliary data
  Accessible without login Plain text file resultValues.tpl Data Auxiliary data
  Accessible without login Plain text file test_email_validation.php Data Auxiliary data
  Accessible without login Plain text file verifyEmail.php Data Auxiliary data

  Files folder image Files  /  extlib  
File Role Description
Files folder imageiFSM (6 files, 3 directories)
Files folder imagejquery.appear (7 files)
Files folder imagejquery (3 files)
Files folder imagejson2html (4 files, 2 directories)
Files folder imagejson5 (1 file, 1 directory)
Files folder imagemustache (1 file, 1 directory)
Files folder imagesammy (1 directory)

  Files folder image Files  /  extlib  /  iFSM  
File Role Description
Files folder imageExamples (18 files)
Files folder imageextlib (8 files)
Files folder imageimg (8 files)
  Plain text file iFSM.compressed.js Class Class source
  Accessible without login Plain text file iFSM.jquery.json Data Auxiliary data
  Plain text file iFSM.js Class Class source
  Accessible without login Plain text file LICENSE Example Example script
  Accessible without login Plain text file package.json Data Auxiliary data
  Plain text file README.md Class Class source

  Files folder image Files  /  extlib  /  iFSM  /  Examples  
File Role Description
  Accessible without login HTML file Example_0.html Doc. Documentation
  Accessible without login HTML file Example_1.html Doc. Documentation
  Accessible without login HTML file Example_2.html Doc. Documentation
  Accessible without login HTML file Example_AnalyseString.html Doc. Documentation
  Accessible without login HTML file Example_Basic.html Doc. Documentation
  Accessible without login HTML file Example_BouncingBall.html Doc. Documentation
  Accessible without login HTML file Example_BouncingBa...cting_to_mouse.html Doc. Documentation
  Accessible without login HTML file Example_Checkbox.html Doc. Documentation
  Accessible without login HTML file Example_DropdownMenu.html Doc. Documentation
  Accessible without login HTML file Example_HSM_calculator.html Doc. Documentation
  Accessible without login HTML file Example_PushPopState.html Doc. Documentation
  Accessible without login HTML file Example_Request.html Doc. Documentation
  Accessible without login HTML file Example_Rulers.html Doc. Documentation
  Accessible without login HTML file Example_slideScale.html Doc. Documentation
  Accessible without login HTML file Example_Slideshow.html Doc. Documentation
  Accessible without login HTML file Example_StimultatorSimulator.html Doc. Documentation
  Accessible without login HTML file Example_Test_Bubbling.html Doc. Documentation
  Accessible without login HTML file Mastermind.html Doc. Documentation

  Files folder image Files  /  extlib  /  iFSM  /  extlib  
File Role Description
  Plain text file jcanvas.min.js Class Class source
  Plain text file jquery-3.2.0.min.js Class Class source
  Plain text file jquery.attrchange.js Class Class source
  Accessible without login Plain text file jquery.dorequesttimeout.js Example Example script
  Plain text file jquery.dotimeout.js Class Class source
  Plain text file jquery.mousewheel.js Class Class source
  Plain text file jquery.touchSwipe.js Class Class source
  Plain text file Vector2.js Class Class source

  Files folder image Files  /  extlib  /  iFSM  /  img  
File Role Description
  Accessible without login Image file EnhancementRequest_closed.jpg Data Auxiliary data
  Accessible without login Image file EnhancementRequest_duplicate.jpg Data Auxiliary data
  Accessible without login Image file EnhancementRequest_opened.jpg Data Auxiliary data
  Accessible without login Image file EnhancementRequest_original.jpg Data Auxiliary data
  Accessible without login Image file EnhancementRequest_submitted.jpg Data Auxiliary data
  Accessible without login Image file image1.jpg Icon Icon image
  Accessible without login Image file image2.jpg Icon Icon image
  Accessible without login Image file image3.jpg Icon Icon image

  Files folder image Files  /  extlib  /  jquery.appear  
File Role Description
  Accessible without login Plain text file AUTHORS.txt Doc. Documentation
  Accessible without login Plain text file bower.json Data Auxiliary data
  Accessible without login Plain text file CHANGELOG Data Auxiliary data
  Plain text file jquery.appear.js Class Class source
  Accessible without login Plain text file LICENSE Data Auxiliary data
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  extlib  /  jquery  
File Role Description
  Plain text file jquery-3.7.1.js Class Class source
  Plain text file jquery-3.7.1.min.js Class Class source
  Accessible without login Plain text file jquery-3.7.1.min.map Data Auxiliary data

  Files folder image Files  /  extlib  /  json2html  
File Role Description
Files folder imageexamples (3 files)
Files folder imagetest (1 file)
  Plain text file jquery.json2html.js Class Class source
  Plain text file json2html.js Class Class source
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  extlib  /  json2html  /  examples  
File Role Description
  Accessible without login HTML file bar-chart.html Doc. Documentation
  Accessible without login HTML file basic.html Doc. Documentation
  Accessible without login HTML file events.html Doc. Documentation

  Files folder image Files  /  extlib  /  json2html  /  test  
File Role Description
  Accessible without login HTML file index.html Doc. Documentation

  Files folder image Files  /  extlib  /  json5  
File Role Description
Files folder imagev2.1.0 (4 files, 2 directories)
  Plain text file index.min.js Class Class source

  Files folder image Files  /  extlib  /  json5  /  v2.1.0  
File Role Description
Files folder imagedist (4 files)
Files folder imagelib (8 files)
  Plain text file CHANGELOG.md Class Class source
  Accessible without login Plain text file LICENSE.md Lic. License text
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Plain text file README.md Example Example script

  Files folder image Files  /  extlib  /  json5  /  v2.1.0  /  dist  
File Role Description
  Plain text file index.js Class Class source
  Plain text file index.min.js Class Class source
  Accessible without login Plain text file index.min.mjs Example Example script
  Accessible without login Plain text file index.mjs Example Example script

  Files folder image Files  /  extlib  /  json5  /  v2.1.0  /  lib  
File Role Description
  Accessible without login Plain text file cli.js Aux. Auxiliary script
  Plain text file index.js Class Class source
  Plain text file parse.js Class Class source
  Plain text file register.js Class Class source
  Accessible without login Plain text file require.js Aux. Auxiliary script
  Plain text file stringify.js Class Class source
  Plain text file unicode.js Class Class source
  Plain text file util.js Class Class source

  Files folder image Files  /  extlib  /  mustache  
File Role Description
Files folder image3.0.1 (6 files, 1 directory)
  Plain text file mustache.js Class Class source

  Files folder image Files  /  extlib  /  mustache  /  3.0.1  
File Role Description
Files folder imagewrappers (1 directory)
  Accessible without login Plain text file CHANGELOG.md Example Example script
  Accessible without login Plain text file LICENSE Lic. License text
  Accessible without login Plain text file MIGRATING.md Data Auxiliary data
  Plain text file mustache.js Class Class source
  Plain text file mustache.min.js Class Class source
  Plain text file README.md Class Class source

  Files folder image Files  /  extlib  /  mustache  /  3.0.1  /  wrappers  
File Role Description
Files folder imagejquery (2 files)

  Files folder image Files  /  extlib  /  mustache  /  3.0.1  /  wrappers  /  jquery  
File Role Description
  Accessible without login Plain text file mustache.js.post Data Auxiliary data
  Accessible without login Plain text file mustache.js.pre Data Auxiliary data

  Files folder image Files  /  extlib  /  sammy  
File Role Description
Files folder imagelib (1 file)

  Files folder image Files  /  extlib  /  sammy  /  lib  
File Role Description
  Plain text file sammy.js Class Class source

 Version Control Unique User Downloads Download Rankings  
 100%
Total:183
This week:0
All time:285
This week:3Up