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

Reply via email to