Donneray

Information from classes and day to day stuff

HTML Programming

Here is the download for class

HTML programming download

 

Completed Form

myform

 

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