How To Use jEditable With Custom Field Types

Author: erics, May 15th, 2011

There are many GREAT jQuery plugins out there, written by brilliant people, and freely distributed as open source. I have simply taken a few of them and glued them together: jQuery, jEditable and showPassword. MANY hours were spent putting all these parts together into a cohesive, functional unit, along with adding some enhanced error handling […]

Categories: How-To's, Technology Tags: datepicker, DateTimePicker, Hide password, How To, javascript, jEditable, JQuery, jQuery UI, Password, Show password, Tipes | No comments

How To Get jQuery UI Datepicker To Insert Today’s Date

Author: erics, May 5th, 2011

Click HERE for the original post.

// remember the old function
var _gotoToday = jQuery.datepicker._gotoToday;
// datepicker is directly inside the jQuery object, so override that
jQuery.datepicker._gotoToday = function(a){
    var target = jQuery(a);
    var inst = this._getInst(target[0]);
    // call the old function, so default behaviour is kept
    _gotoToday.call(this, a);
    // now do an additional call to _selectDate which will set the date and close
    // close the datepicker (if it is not inline)
    jQuery.datepicker._selectDate(a, 
    jQuery.datepicker._formatDate(inst,inst.selectedDay, inst.selectedMonth, inst.selectedYear));
}

1

2

3

4

5

6

7

8

9

10

11

12

13

// remember the old function

var _gotoToday = jQuery.datepicker._gotoToday;

// datepicker is directly inside the jQuery object, so override that

jQuery.datepicker._gotoToday = function(a){

var target = jQuery(a);

var inst = this._getInst(target[0]);

// call the old function, so default behaviour is kept

_gotoToday.call(this, a);

// now do an additional call to _selectDate which will set the date and close

// close the datepicker (if it is not inline)

jQuery.datepicker._selectDate(a,

jQuery.datepicker._formatDate(inst,inst.selectedDay, inst.selectedMonth, inst.selectedYear));

}

Categories: How-To's, Technology Tags: Date, datepicker, JQuery, jQuery UI, Today, Today Button | 2 comments

How To Bind jQuery .live() To Multiple Events

Author: erics, April 17th, 2011

As of jQuery 1.4.1 .live() can accept multiple, space-separated events, similar to the functionality provided in .bind(). For example, we can “live bind” the click and focus events at the same time like so:

jQuery('.datepick').live('click focus', function () {
   jQuery(this).datepicker('destroy').datepicker({showOn: 'both'});
});

1

2

3

jQuery('.datepick').live('click focus', function () {

jQuery(this).datepicker('destroy').datepicker({showOn: 'both'});

});

Another example, this time creating a hover effect:

jQuery('.rollover').live('mouseover mouseout', function(event) {
  if (event.type == 'mouseover') {
    // do something on mouseover
  } else {
    // do something on mouseout
  }
});

1

2

3

4

5

6

7

jQuery('.rollover').live('mouseover mouseout', function(event) {

if (event.type == 'mouseover') {

// do something on mouseover

} else {

// do something on mouseout

}

});

Categories: How-To's, Technology Tags: bind, click, datepicker, Events, Focus, JQuery, live, mouseout, mouseover, Multiple events, rollover | No comments

S	M	T	W	T	F	S
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

How To Use jEditable With Custom Field Types

How To Get jQuery UI Datepicker To Insert Today’s Date

How To Bind jQuery .live() To Multiple Events

Our Link Network

Business

Client Websites

Fine Dining

Friends & Family

Galleries

Health

Resources

Technology

Travel

The Archives

Latest Ramblings…

Various Topics of No Interest