• Open Menu Close Menu
  • Apple
  • Shopping Bag
  • Apple
  • Mac
  • iPad
  • iPhone
  • Watch
  • TV
  • Music
  • Support
  • Search apple.com
  • Shopping Bag
 

Lists

Open Menu Close Menu
  • Terms and Conditions
  • Lists hosted on this site
  • Email the Postmaster
  • Tips for posting to public mailing lists
Re: AjaxModalDialog and AjaxDatePicker
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: AjaxModalDialog and AjaxDatePicker


  • Subject: Re: AjaxModalDialog and AjaxDatePicker
  • From: Johnny Miller <email@hidden>
  • Date: Wed, 31 Jul 2013 16:48:51 -1000

Hi Lon,

Yeah - the right implementation would be to have the date picker position's to be set relative to the input.  I was trying to give you a hack.  But if you have a scroll within a scroll I can see how that really complicates things.

I did start on a JQuery framework for WO - there is the beginning of a date picker from JQuery UI.  You can see the sample app here: http://www.kahalawai.com/JQuery - it's in my fork here: https://github.com/johnnykahalawai/wonder/tree/integration

If your date picker is more developed than mine and you don't mind sharing please send me what you have.

Aloha,
Mr. Johnny Miller
Web Development Manager
Kahalawai Media Company
Lahaina, HI 96761
tel: (808) 661-7962 | mobile: (808) 283-0791
website | e-mail

On Jul 31, 2013, at 4:33 PM, Lon Varscsak <email@hidden> wrote:

The problem isn't just that it moves when you scroll on an AMD (which probably shouldn't happen anyway)…it's that when you launch an AMD from a page that's already scrolled, the AjaxDatePicker starts off in the wrong position (it's treating it like it's not scrolled).  

This isn't the only bad behavior of ADP, it also doesn't close on it's own when closing the AMD. 

I've gone ahead and written a new component based on jQuery UI's datepicker and it seems to be a better citizen…but time will tell. :P

-Lon


On Wed, Jul 31, 2013 at 10:54 AM, Johnny Miller <email@hidden> wrote:
Hi Lon,

I suppose you could add an on scroll event to the document to recalculate the position of the calendar.  Maybe add it to the "onClick" binding and remove it using onDateSelect?

Aloha,
Mr. Johnny Miller
Web Development Manager
Kahalawai Media Company
Lahaina, HI 96761
tel: (808) 661-7962 | mobile: (808) 283-0791
website | e-mail

On Jul 30, 2013, at 2:21 PM, Lon Varscsak <email@hidden> wrote:

lol, I'm not sure I can tell the users that. 

There is this line in the calendar.js:

  var result = [document.viewport.getScrollOffsets().left - $(el).cumulativeScrollOffset().left, document.viewport.getScrollOffsets().top - $(el).cumulativeScrollOffset().top]; 

Which results in [0,0] because the document's viewport's getScrollOffsets() are the same as the element's cumulativeScrollOffset().  If I change it to:

  var result = [document.viewport.getScrollOffsets().left, document.viewport.getScrollOffsets().top]; 

It displays in the right location.  Scrolling while it's displayed will cause it to move since the background is moving…but I could live with that.

I'm just not familiar enough with JS to know the ramifications of such a change.

-Lon


On Tue, Jul 30, 2013 at 5:13 PM, Chuck Hill <email@hidden> wrote:
We see this too.  Don't scroll?  :-)  My guess would be absolute vs relative positioning.

Chuck

On 2013-07-30, at 4:54 PM, Lon Varscsak wrote:

> Hey all,
>
> I have an AjaxDatePicker on an AjaxModalDialog and am running into a bit of trouble.  If the page that is launching the AMD is scrolled down at all, the AjaxDatePicker is in the wrong location (up at the top as though the page hadn't been scrolled).
>
> I can actually scroll (the background) while an AMD is open and make it align, but I'm not sure how to deal with this.
>
> Any ideas?
>
> Thanks,
>
> Lon
>
> P.S. -- Happens in both Safari and Chrome…default CSS.
> _______________________________________________
> Do not post admin requests to the list. They will be ignored.
> Webobjects-dev mailing list      (email@hidden)
> Help/Unsubscribe/Update your Subscription:
>
> This email sent to email@hidden

--
Chuck Hill
Executive Managing Partner, VP Development and Technical Services

Practical WebObjects - for developers who want to increase their overall knowledge of WebObjects or who are trying to solve specific problems.
http://www.global-village.net/gvc/practical_webobjects

Global Village Consulting ranks 13th in 2012 in BIV's Top 100 Fastest Growing Companies in B.C!

Global Village Consulting ranks 44th in 25th annual PROFIT 500 ranking of Canada’s Fastest-Growing Companies by PROFIT Magazine!













_______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list      (email@hidden)

This email sent to email@hidden



 _______________________________________________
Do not post admin requests to the list. They will be ignored.
Webobjects-dev mailing list      (email@hidden)
Help/Unsubscribe/Update your Subscription:

This email sent to email@hidden

  • Follow-Ups:
    • Re: AjaxModalDialog and AjaxDatePicker
      • From: Lon Varscsak <email@hidden>
References: 
 >AjaxModalDialog and AjaxDatePicker (From: Lon Varscsak <email@hidden>)
 >Re: AjaxModalDialog and AjaxDatePicker (From: Chuck Hill <email@hidden>)
 >Re: AjaxModalDialog and AjaxDatePicker (From: Lon Varscsak <email@hidden>)
 >Re: AjaxModalDialog and AjaxDatePicker (From: Johnny Miller <email@hidden>)
 >Re: AjaxModalDialog and AjaxDatePicker (From: Lon Varscsak <email@hidden>)

  • Prev by Date: Re: AjaxModalDialog and AjaxDatePicker
  • Next by Date: Re: AjaxModalDialog and AjaxDatePicker
  • Previous by thread: Re: AjaxModalDialog and AjaxDatePicker
  • Next by thread: Re: AjaxModalDialog and AjaxDatePicker
  • Index(es):
    • Date
    • Thread