Change checkboxes and radios
Usage
Works with these types of fields :
- radio, checkbox and select
Parameters
| imagePath | path to img folder, can be full address. ex: ‘http://floor.ch/img/’ |
| form_id | The id of the form. By default ‘mainform’. |
| prefixClass | Prefix for the class and the images. ex: with ‘nice_’ -> nice_radio & nice_checkbox |
| suffixClass | Class for activ element. ex: with ‘_activ’ -> nice_radio_activ |
| errorClass | Class to signal error. |
| numberOfStates | Number of states for checkbox. Will be changeable in future versions |
| transitionTime | Transition lenght for select |
| selectMaxLines | Max lines in a select list (if bigger, add a scroll) |
Exemple
You can easilly skin different forms with different theme with something like this :
<script type="text/javascript">
window.addEvent('domready', function() {
var niceForm = new MooUi({
'form_id': 'first',
'prefixClass': 'nice_'
});
var niceForm2 = new MooUi({
'form_id': 'second',
'prefixClass': 'nice2_',
'transitionTime': '1000'
});
});
</script>
About
formcheck.js v.1.0 for mootools v1.1 05 / 2007
by Floor SA (http://www.floor.ch) MIT-style license
Created by Luca Pillonel and David Mignot
@include “/iframework-classes/_mootools_full/mootools.v1.11.js”
Summary
| Change checkboxes and radios |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| Internal method (used for keyboard input) |
| Internal method (used for keyboard input) |
| Internal method (used for keyboard input) |
| |
| |
| |