|
Google maps panning example |
||||||||
I liked the look of it, but wanted to create it in JQuery as it required a lot of custom server side code, and several expensive server software installations. Also I'm migrating away from the flash / flex arena into a more purist JQuery / AJAX development mindset.
There is a full example of Google Maps panning here
|
CSS 3 rounded corners - Background tip |
||||||||
|
Using JQuery to disable all form fields |
||||||||
I'd spent a lot of time layout the timesheet page, designing the form, and help text etc. I didn't really want to destroy the visuals if a record was locked, I wanted it just the same, but 'non-active'.
This is where JQuery is simply awesome. Understanding 'selectors' and the power they can give you, with only very simple construction is key.
In this example imagine a page that has a div within it, the div has a id of 'divLabel'. Within that div there is a form. The code below will disable all the input elements within that div. Every single one of them. In one line of code. How cool is that.
2 $(document).ready(function(){
3 $('#divLabel :input').attr('disabled', true);
4 });
5 // end
6</script>
What its actually doing is adding the disabled attribute to each input, then setting the value to 'true'.
Get familiar with how JQuery selectors work, the docs are here: http://api.jquery.com/category/selectors/
|
Filtering a SELECT field using AJAX and JQuery |
||||||||
This article shows you how to do this, there is a demo of the select field using AJAX here: http://www.mccran.co.uk/examples/jquery_textfilter_selectfield/
