Here is the download for class
Completed Form
JQueryUI Statements:
DatePicker JQuery:
File to download: datepicker
$(function() { $("#datepicker").datepicker(); });
Or the secondary:
$(function() { $("#datepicker").datepicker(); $("#datepicker").datepicker("option","showAnim","bounce"); });
The finished file: datepicker_finished
Accordion JQuery:
File to download: accordion
$(function() { $( "#accordion" ).accordion(); });
The finished file: accordion_finished
With Sorting: jqueryaccordion_sort
Tabs jQuery:
File to download: jquerytabs
$(function() { $( "#tabs" ).tabs(); });
Or the secondary:
$(function() { var tabs = $( "#tabs" ).tabs(); tabs.find( ".ui-tabs-nav" ).sortable({ axis: "x", stop: function() { tabs.tabs( "refresh" ); } }); });
Completed : jquerytabs_completed
AutoComplete jQuery:
File to download: jqueryautocomplete
$(function() {
var availableTags = [ "Aaron", "Abe", "Ben", "Benjamin", "Carl", "Chris", "Christopher" ]; $( "#tags" ).autocomplete({ source: availableTags }); });
Completed: jqueryautocomplete_completed
Tooltip jQuery:
File to download: jquerytooltip
$(function() {
$( document ).tooltip();
});
Here is another tag with more attributes. In this case, let’s track the mouse:
$(function() { $( document ).tooltip({ track: true }); });
Completed: jquerytooltip_completed
Droppable:
File to download: jQueryDroppable
$(function() {
$( "#draggable" ).draggable(); $( "#droppable" ).droppable({ drop: function( event, ui ) { $( this ) .addClass( "ui-state-highlight" ) .find( "p" ) .html( "Dropped!" ); } }); });
Completed: jQueryDroppable_completed
AJAX
Download File : ajax_example
AJAX 1:
self.xmlHttpReq.open('POST', strURL, true); self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); self.xmlHttpReq.onreadystatechange = function() { if (self.xmlHttpReq.readyState == 4) { updatepage(self.xmlHttpReq.responseText); }
AJAX 2:
<p>word: <input name="wordtochange" type="text"> <input value="Go" type="button" onclick='JavaScript:xmlhttpPost ("http://donneray.com/class-stuff/ajax2.php")'></p> <div id="result"></div>
Completed File: ajax_completed