Hey gang, I've written a bit of jquery code which I am absolutely amazed works on both Safari and FF, but IE is giving me errors.
I've put the code on an external server so you can see what it is. http://zifimusic.com/mapickl/selectDate.html Basically what I have is a select list which when hovered over user superfish as a dropdown menu. Then when hovering over the 'select date' option from the select list (which is actually superfish), the datepicker is shown. When a use selects a date, that date is updated in the select list as selected. This works fine in Safari and FF, but when selecting a date in IE, the date is not passed to the select list. Here's the code I've got to get this all going. [code] function updateDateForm(updateDate){ alert(updateDate); $('.updateDate').val(updateDate).html(updateDate); } $('.dropped .item').livequery('click', function(){ var updateDate = $(this).html(); updateDateForm(updateDate); }); $('.dropped .dateItem').each( function() { $this = $(this); $this .datePicker() .bind( 'mouseover', function() { $(this).dpDisplay(); this.blur(); return false; } ) .bind( 'dateSelected', function(e, selectedDate, $td) { var getDate = ' '+selectedDate; var splitDate = getDate.split(" "); if(splitDate[4].length!=4){ var updatedDate = splitDate[1]+' '+splitDate[2]+' '+splitDate[3]+' '+splitDate[6]+' '; } else { var updateDate = splitDate[1]+' '+splitDate[2]+' '+splitDate[3]+' '+splitDate[4]+' '; } updateDateForm(updateDate); } ); }); [/code] The reason I'm doing all of this is to get a somewhat clean and simple UI for selecting a date (date-range likely coming soon). The way I had it before, without a select list, meant that the look was very inconsistent, particularly with Safari. Thanks, Pete