This is far from a new rant for me, but I figured it would be as good as any place to start for my new astronomyVIZ blog. What I hate is the horrifically terrible, yet disturbingly ubiquitous term “ false color.” Now before anyone gets riled up, let me point out that I simply adore the incredible array of astronomical imagery that represents amazing data collected from across the spectrum, and is lovingly rendered into color representations that we can all enjoy. $('input').After all, any image that falsifies color must be wildly misleading, right? Who wants that? Input's state is changed to indeterminate Input's checked, disabled or indeterminate state is changed User clicked on a customized input or an assigned label ICheck provides plenty callbacks, which may be used to handle changes. Indeterminate and determinate methods can be used to toggle indeterminate state. Both do the same job, but indeterminate="true" may not work in some browsers (like IE7): You can make an input indeterminate through HTML using additional attributes (supported by iCheck). iCheck supports it for both checkboxes and radio buttons. HTML5 allows specifying indeterminate ("partially" checked) state for checkboxes.
you can also change options after inputs are customized vote class elements (will search inside the element, if it's not an input) handle only checkboxes inside $('.test') ICheck supports any selectors, but handles only checkboxes and radio buttons: // customize all inputs (will search for checkboxes and radio buttons) Just include icheck.js after jQuery v1.7+ (or Zepto ). You can choose any class names and slyle them as you want. There's no need to copy and paste all of them, you can just mention the ones you need:
#FREE FALSE COLOR PLUGIN 3 CODE#
add HTML code or text inside customized input if set to true, input's id is prefixed with 'iCheck-' and attached set true to inherit original input's class name true to set 'pointer' CSS cursor over enabled inputs and 'default' over disabled increase clickable area by given % (negative number to decrease) class added to label if labelHover set to true
adds hoverClass to customized input on label hover and labelHoverClass to label on input hover class added on active state (mouse button is pressed on input) class added on focus state (input has gained focus) class added on hover state (pointer is moved onto input) if not empty, used instead of 'determinateClass' option (input type specific) if not empty, added as class name on determinate state (input.indeterminate = false) if not empty, used instead of 'indeterminateClass' option (input type specific) class added on indeterminate state (input.indeterminate = true)
if not empty, used instead of 'enabledClass' option (input type specific) if not empty, added as class name on enabled state (input.disabled = false) if not empty, used instead of 'disabledClass' option (input type specific) class added on disabled state (input.disabled = true) if not empty, used instead of 'uncheckedClass' option (input type specific) if not empty, added as class name on unchecked state (input.checked = false) if not empty, used instead of 'checkedClass' option (input type specific) class added on checked state (input.checked = true) base class added to customized radio buttons base class added to customized checkboxes 'checkbox' or 'radio' to style only checkboxes or radio buttons, both by default With default options you'll get nearly this:īy default, iCheck doesn't provide any CSS styles for wrapper divs (if you don't use skins). You may also place inside that div some HTML code or text using insert option. It wraps each input with a div, which may be customized by you or using one of the available skins. ICheck plugin works with checkboxes and radio buttons like a constructor. Insert before in your HTML (replace your-path and color-scheme):Īdd some checkboxes and radio buttons to your HTML:Īdd JavaScript to your HTML to launch iCheck plugin:įor different from black color schemes use this code (example for Red):Ĭopy /skins/square/ folder and icheck.js file to your site.Ĭopy /skins/flat/ folder and icheck.js file to your site.Ĭopy /skins/line/ folder and icheck.js file to your site.Īdd some checkboxes, radio buttons and labels to your HTML: Copy /skins/minimal/ folder and icheck.js file to your site.
0 kommentar(er)
