This snippet makes it easy to drop in basic horizontal bars, or progress reports.
$('#sample').progressreport(100,50,'%1 (%3%) of goal reached.');
Simple jQuery snippet to get the selected options from a select box using $(this):
$(this).children(':selected').each(function() {
// handle $(this) selected option
});
JavaScript does not provide an isFloat() function.
Here is a dead simple isFloat() example, this works well for most client side quick-checks.
I don't recommend doing client-side validation.
function isFloat(value){
if(isNaN(value) || value.indexOf(".")<0){
return false;
} else {
if(parseFloat(value)) {
return true;
} else {
return false;
}
}
}
There are probably a hundred ways to do this, I just wanted a simple drop-in to style check-boxes and radio buttons with basic css. I whipped this jQuery out and it seems to be working well in IE7+, Firefox 3.6+, Opera 10.x, Chrome, and Safari. It supports label binding as well. Oh, and it fails nicely for those that don't use JavaScript. ಠ_ಠ I'm sure it could be reduced further but I don't care to over optimize. I have not actually used this on a radio button yet, but since the elements operate about the same I'd guess it should just work.
Someone at work asked about this, putting this out as an example of how it can be done. The question, is there a simple way to dynamically add/remove table rows that may contain form fields that doesn't create name conflicts. This example changes all name and id attributes on cloned rows. It also removes the last td and replaces it with a remove icon that links back to the remove JavaScript.