jQuery Forum

1. $(document).ready(function(){
2.       $('#red').slider();
3.       $('#red').bind( 'change', function(event, ui) {
4.             jQuery.ajaxSetup({timeout: 1000});
5.             /*not to DDoS the Arduino, you might have to change this to some threshold value that fits your setup*/
6.             var id = $(this).attr('id');
7.             var strength = $(this).val();
8.             if (id == 'red')
9.                   $.post('/remote', { red: strength } );
10.       });
11. });

Line 1: When the document has loaded do the following (i.e. when all the elements are available for use) ... (lines 2 through 10)

Line 2: Find the element with the ID 'red' and make it a slider component

Line 3: Find the element with ID 'red' and when its value changes do the following... (lines 4 through 9)

Line 4: Set an option for the following Ajax post call

Line 6: Retrieve the ID of the current element: 'red'

Line 7: Retrieve the value of the current element

Line 8: If the current element is 'red'...

Line 9: Send the current value to the '/remote' URL as a POST call