About Wub: Domains/JQ
(Parent)
jQ domain provides a tight integration to the jQuery web framework. It enables the application to load jQuery plugins and modules (such as the jQuery UI module) in a convenient manner.
jQ provides an interface to jQuery and the plugins which ensures that dependencies are loaded, and invokes the plugin with an appropriate element selector and arguments. jQ also provides some support for emitting javascript into an HTML page.
Supported Plugins
General form of Plugin interfaces is [jQ plugin selector args] where selector is a jQuery selector expression, and args will be passed to the main entry point of the plugin.
- jframe
- jFrame provides an easy way to get an HTML frame-like behaviour on DIV Elements with AJAX.
- jtemplates
- a template engine for JavaScript.
- history
- plugin for enabling history support and bookmarking
- <ready>
- datepicker
- configurable plugin that adds datepicker functionality
- timeentry
- sets an input field up to accept a time value
- hint
- Show a 'hint' inside the input box when it is not in focus
- boxtoggle
- takes a container and hides all of it's content apart from the heading
- tablesorter
- Flexible client-side table sorting
- multifile
- non-obstrusive plugin that helps users easily select multiple files for upload quickly and easily
- containers
- full featured and fully skinnable containers.
- container
- format up a container for the mbContainerPlus plugin
- tabs
- addtab
- gentab
- accordion
- Accordion widget
- dict2accordion
- resizable
- draggable
- droppable
- sortable
- selectable
- autogrow
- autogrowing text area
- autoscale
- Scale an element to browser window size
- tooltip
- Display a customized tooltip instead of the default one for every selected element.
- hoverimage
- create images along with descriptive text that is displayed on mouse over, similar to a tool hip, however the text is overlayed over the image.
- galleria
- image gallery
- gallery
- another image gallery
- editable
- in-place editing
- form
- easily and unobtrusively upgrade HTML forms to use AJAX - numerous options which allows you to have full control over how the data is submitted.
- validate
- form validation
- autofill
- auto-fill a form
- confirm
- displays a confirmation message in place before doing an action.
- ingrid
- unobtrusively add datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to tables.
- map
- API to create and manage multiple google maps on any page.
General API
jQ package exports functions to load and invoke jQ plugins
Examples
The following assume that the response r contains x-text/html-fragment style html
Example: arbitrary javascript over jQuery
set r jquery $r ;# load the jquery library set r postscript $r {/* this is javascript */}
Example: ajax form
- apply form plugin to formid set r [jQ form $r "#formid" target "#divid"]
- emit a form with the id formid and a div with the id divid
- the returned result of submitting formid will replace the content of divid return Ok $r "[<form> formid {...} divid {...}" x-text/html-fragment]
Constructor Options
- expires
- when do these javascript files expire?
- google
- use the google versions of jQuery wherever possible
(generated by STX)