BNL Home

jQuery Template Scripts

A testbed has been set up to keep track of development and production versions of our jQuery code and to test new versions of scripts before they are included in the standard BNL web template.

All jQuery code is stored in /common/jQuery/ on all four servers:

Each parent script folder contains subfolders that contain the current and earlier versions of the script (with folders named for the numerical version number of each script) as well as a /latest/ folder that contains the latest version of the code.

Once tested, new versions of each script's code will be placed into the /common/jQuery/SCRIPT-NAME/latest/ folder.

All references to jQuery scripts should reference the latest verson of the script stored in this common file location:

/common/jQuery/SCRIPT-FOLDER-NAME/latest/SCRIPT-FILE-NAME.js

In doing so, script path references will never have to be updated as new versions of script files are moved into the latest folder.

jquery folder tree

The following jQuery scrips, which are referenced in the /common/templates/global/scripts/BNLTemplateScripts.inc include file, are available to every BNL webpage:

  • jQuery (Base)
    /common/jQuery/jquery/latest/jquery.js
  • jQuery UI
    /common/jQuery/jquery-ui/latest/js/jquery-ui.min.js
  • jQuery Cookie (To remember selected tab)
    /common/jQuery/cookie/latest/jquery.cookie.js
  • Shadowbox
    /common/jQuery/shadowbox/latest/shadowbox.js
  • Autosize (Growing textarea fields, as seen on Facebook)
    /common/jQuery/autosize/latest/jquery.autosize.min.js
  • BXslider
    /common/jQuery/bxslider/latest/jquery.bxslider.min.js
  • FlexSlider
    /common/jQuery/flexslider/latest/jquery.flexslider-min.js
  • TimePicker (jQuery UI Date Picker Add On)
    /common/jQuery/timepicker/latest/jquery-ui-timepicker-addon.js
  • Match Height
    /common/jQuery/match-height/latest/jquery.matchHeight-min.js

The following scripts are not included in every BNL web page and should be included as needed:

  • ad-gallery
    /common/jQuery/ad-gallery/latest/lib/jquery.ad-gallery.min.js
  • carousel
    /common/jQuery/carousel/latest/lib/jquery.jcarousel.min.js
  • chosen (Fancy Drop-down Lists with Search Built In)
    /common/jQuery/chosen/latest/chosen.jquery.min.js
  • ckeditor (WYSIWYG Textarea Editor)
    /common/jQuery/ckeditor/ckeditor.js
  • jplayer
    /common/jQuery/jplayer/latest/jquery.jplayer.min.js
  • lytebox
    /common/jQuery/lytebox/latest/lytebox.js
  • select2 (BNL Keywords Widget)
    /common/jQuery/select2/latest/select2.js

The "ui-lightness" theme is included as the default theme for all jQuery UI widgets (tabs, datepicker claendars, etc.) on BNL web pages.

If you wish to use another jQuery UI theme, then add a reference to one of the other theme style sheets:

  • /common/jQuery/jquery-ui/latest/css/redmond/jquery-ui.min.css
  • /common/jQuery/jquery-ui/latest/css/ui-lightness/jquery-ui.min.css
  • /common/jQuery/jquery-ui/latest/css/ui-darkness/jquery-ui.min.css