Difference between revisions of "Support/JavaScript frameworks"
Jump to navigation
Jump to search
AngelHerraez (talk | contribs) (→jQuery) |
AngelHerraez (talk | contribs) (→jQuery) |
||
| Line 3: | Line 3: | ||
=== jQuery === | === jQuery === | ||
| − | ==== | + | ==== resizable ==== |
The Jmol applet may be inserted in a <code>div</code> that receives jQuery <code>resizable</code> attribute. If the applet is given a 100% size, this makes an applet that may be resized at will by the user. (The container <code>div</code> '''must have''' explicit width and height.) | The Jmol applet may be inserted in a <code>div</code> that receives jQuery <code>resizable</code> attribute. If the applet is given a 100% size, this makes an applet that may be resized at will by the user. (The container <code>div</code> '''must have''' explicit width and height.) | ||
| + | Uses | ||
| + | * jQuery basic library, e.g. {{file|jquery.min.js}} | ||
| + | * jQuery UI, e.g. {{file|jquery-ui.min.js}} and one of the associated themes like {{file|jquery-ui.css}} | ||
| + | |||
| + | ==== draggable ==== | ||
| + | The Jmol applet may be inserted in a <code>div</code> that receives jQuery <code>draggable</code> attribute. The user can thus move the applet around the page. | ||
Uses | Uses | ||
* jQuery basic library, e.g. {{file|jquery.min.js}} | * jQuery basic library, e.g. {{file|jquery.min.js}} | ||
Revision as of 10:42, 1 June 2012
Contents
Compatibility of Jmol applets with JavaScript frameworks
Please share here any experience with including Jmol applets in pages that use JavaScript frameworks or JavaScript libraries (both compatibilities and incompatibilities).
jQuery
resizable
The Jmol applet may be inserted in a div that receives jQuery resizable attribute. If the applet is given a 100% size, this makes an applet that may be resized at will by the user. (The container div must have explicit width and height.)
Uses
- jQuery basic library, e.g.
jquery.min.js - jQuery UI, e.g. jquery-ui.min.js and one of the associated themes like jquery-ui.css
draggable
The Jmol applet may be inserted in a div that receives jQuery draggable attribute. The user can thus move the applet around the page.
Uses
- jQuery basic library, e.g. jquery.min.js
- jQuery UI, e.g. jquery-ui.min.js and one of the associated themes like jquery-ui.css
Prototype
...
Dojo Toolkit
...
