Difference between revisions of "Jquery"
From OpenEMR Project Wiki
(document types.php) |
(add more utilized jquery components.) |
||
| Line 17: | Line 17: | ||
| [http://api.jquery.com/addClass/ .addClass()] | | [http://api.jquery.com/addClass/ .addClass()] | ||
| Adds the specified class(es) to each of the set of matched elements. | | Adds the specified class(es) to each of the set of matched elements. | ||
| 1.0 | |||
|- | |||
| [http://api.jquery.com/after/ .after()] | |||
| Insert content, specified by the parameter, after each element in the set of matched elements. | |||
| 1.0 | | 1.0 | ||
|- | |- | ||
| Line 33: | Line 37: | ||
| .dblclick() | | .dblclick() | ||
| Executed when an object is clicked on twice rapidly. | | Executed when an object is clicked on twice rapidly. | ||
| 1.0 | |||
|- | |||
| [http://api.jquery.com/each/ .each()] | |||
| Iterate over a jQuery object, executing a function for each matched element. | |||
| 1.0 | | 1.0 | ||
|- | |- | ||
Revision as of 16:37, 7 March 2011
In-tree Versions
Several versions of jquery are in use in the OpenEMR codebase. the following is a list of versions, who uses them, and for what.
Jquery 1.2.2
| Feature | Description | Version Added |
|---|---|---|
| $(document).ready() | Load jquery executable code as soon as the DOM is loaded, before page contents are loaded. | 1.0 |
| .addClass() | Adds the specified class(es) to each of the set of matched elements. | 1.0 |
| .after() | Insert content, specified by the parameter, after each element in the set of matched elements. | 1.0 |
| .attr() | Called to get the attribute value for only the first element in the matched set | 1.0 |
| .css() | Get the value of a style property for the first element in the set of matched elements. | 1.0 |
| .click() | Executed when an object is clicked on. | 1.0 |
| .dblclick() | Executed when an object is clicked on twice rapidly. | 1.0 |
| .each() | Iterate over a jQuery object, executing a function for each matched element. | 1.0 |
| .focus() | Bind an event handler to the "focus" JavaScript event, or trigger that event on an element. | 1.0 |
| .mouseout() | Executed when an object no longer has a mouse hovering over it. | 1.0 |
| .mouseover() | Executed when an object has a mouse hover over it. | 1.0 |
| .removeClass() | Remove a single class, multiple classes, or all classes from each element in the set of matched elements. | 1.0 |
| .submit() | Bind an event handler to the "submit" JavaScript event, or trigger that event on an element. | 1.0 |
| .toggleClass() | Called to add an object to/remove an object from a given class. | 1.0 |
| .val() | Called to get the current value of the first element in the set of matched elements. | 1.0 |
Files
- library/js/jquery-1.2.2.min.js -- Contains the entirety of the jquery 1.2.2 implementation in OpenEMR.
Treeview
Treeview version 1.3 is used by interface/main/left_nav.php to create the collapsable menus on the left side of the screen. It requires anything including it to first include jquery 1.2+.
Upgrade Path
Treeview 1.4.1 is tested with jquery 1.4.3.
Files
- library/js/jquery.treeview-1.3/jquery.treeview.min.js -- Contains the entirety of the treeview implementation.
1.2.2 Users
| File | Features Used |
|---|---|
| interface/super/show_lists_popup.php | $(document).ready(), .click(), .mouseout(), .mouseover(), .toggleClass() |
| interface/super/show_groups_popup.php | $(document).ready(), .click(), .mouseout(), .mouseover(), .toggleClass() |
| interface/logview/logview.php | $(document).ready(), .click(), .mouseout(), .mouseover(), .toggleClass(), .val() |
| interface/patient_file/encounter/search_code.php | $(document).ready(), .click(), .css(), .focus(), .mouseout(), .mouseover(), .submit(), .toggleClass() |
| interface/patient_file/pos_checkout.php | no jquery functionality used? |
| interface/main/left_nav.php | jquery only included so as to include Treeview. |
| interface/main/calendar/find_appt_popup.php | $(document).ready(), .dblclick(), .mouseout(), .mouseover(), .toggleClass() |
| interface/main/calendar/find_patient.php | $(document).ready(), .click(), .css(), .focus(), .mouseout(), .mouseover(), .submit(), .toggleClass() |
| interface/main/calendar/find_patient_popup.php | $(document).ready(), .click(). .css(), .dblclick(), .focus(), mouseout(), .mouseover(), .submit(), .toggleClass() |
| interface/main/calendar/modules/PostCalendar/pntemplates/default/views/month_print/outlook_ajax_template.html | $(document).ready(), only included to call window.print, then window.close. |
| interface/main/calendar/modules/PostCalendar/pntemplates/default/views/month_print/ajax_template.html | $(document).ready(), only included to call window.print, then window.close. |
| interface/main/calendar/modules/PostCalendar/pntemplates/default/views/week_print/outlook_ajax_template.html | $(document).ready(), .css() included to scale font relative to window height, call window.print, then window.close. |
| interface/main/calendar/modules/PostCalendar/pntemplates/default/views/week_print/ajax_template.html | $(document).ready(), only included to call window.print, then window.close. |
| interface/main/calendar/modules/PostCalendar/pntemplates/default/views/day_print/outlook_ajax_template.html | $(document).ready(), only included to call window.print, then window.close. |
| interface/main/calendar/modules/PostCalendar/pntemplates/default/views/day_print/ajax_template.html | $(document).ready(), only included to call window.print, then window.close. |
| interface/main/calendar/modules/PostCalendar/pntemplates/default/views/header.html | there are comments indicating that jquery was included for the calendar code, but no direct usage? |
| interface/main/calendar/modules/PostCalendar/pntemplates/default/user/ajax_search.html | $(document).ready(), .click(). .css(), .focus(), mouseout(), .mouseover(), .submit(), .toggleClass() |
| interface/main/finder/patient_select.php | $(document).ready(), .addClass(), .click(). .dblclick(), mouseout(), .mouseover(), .removeClass() |
| interface/main/authorizations/authorizations.php | $(document).ready(), .click(), mouseout(), .mouseover(), .toggleClass() |
| interface/orders/types_edit.php | $(document).ready() is used to trigger a javascript function call on form load. |
| interface/orders/types.php | $(document).ready(), .addClass(), .after(), .each(), .getScript(), .hasclass(), .html(), .remove(), .removeClass(), contains its own collapsable trees implementation, similar to left_nav.php? |
| interface/new/new_search_popup.php | |
| interface/fax/fax_dispatch.php | |
| templates/prescription/general_list.html | |
| templates/prescription/general_edit.html |
