Re: Popup Calendar - Show and Tell

["Haas, Matt (CL Tech Sv)" <matt.haas@xxxxxxxxxxx>]

Nathan,

Dojo has some nice UI widgets to it plus stuff to make AJAX really, really simple. The entire library is pretty big buy it only loads what it needs and you can even do custom builds to get smaller sizes.

Matt

________________________________________
From: web400-bounces@xxxxxxxxxxxx [web400-bounces@xxxxxxxxxxxx] On Behalf Of Nathan Andelin [nandelin@xxxxxxxxxxxx]
Sent: Friday, March 07, 2008 8:03 PM
To: Web Enabling the AS400 / iSeries
Subject: Re: [WEB400] Popup Calendar - Show and Tell

If you'd like to see the calendar in a full screen rather than the
down-sized popup frame you can check out:

http://www.radile.com/rdweb/apps/common/html/datepick.html

When shown in a browser window you can see what I meant about the inline
table expanding and shrinking when the window is resized.  The source
view shows both the static HTML along with the JavaScript for
incrementing and decrementing dates and updating the inline table.

One thing that annoyed me about some of the JavaScript date pickers I
looked at was the size of the JavaScript file, which sometimes exceeded
50 kb.  I wanted to simplify where possible.  The HTML + JavaScript in
this calendar is under 7 kb.

Nathan.


--
Sent using goWebtop from Laszlo Systems.
Try it yourself : http://www.gowebtop.com


On Fri, Mar 7, 2008 at  4:46 PM, Nathan Andelin wrote:

> Over time, I've had different thoughts about popup calendars.  A
> couple years ago I wrote an RPG program that generated date-picker
> HTML and used ADDDUR and SUBDUR op codes to increment and decrement
> month and year.  Each time a user selected a different month or year,
> the browser sent and the server processed another request, and
> downloaded the new HTML.  It worked fine, but generated quite a bit of
> server I/O and HTML streams - not great for constrained bandwidth.
>
> Then I learned about AJAX and considered modifying the RPG program to
> download a more streamlined response instead of an entire page
> refresh. And that's what I think I'll do at some point, when the
> content on the calendar needs to be database driven.  For example,
> certain dates may not be available, or I might want to expand the
> calendar to include appointments.
>
> But for now, it's just a simple date picker.  Some of the basic
> features I wanted were the ability to drag the inline frame around the
> screen and reposition it, and to show the input field label in the
> title area of the popup (when selecting the date sometimes you forget
> which input element you're changing), and to have the calendar to
> expand or shrink according to the size of the inline frame, and to
> have a dropdown list to select a particular month, and a few other
> things.
>
> At least I understand the code now.  Actually the code for handling
> the drag and drop effect is something I found on the Web and written
> by a guy named Matt Kruse - a better Javascript programmer than me.
>
> Nathan.
--
This is the Web Enabling the AS400 / iSeries (WEB400) mailing list
To post a message email: WEB400@xxxxxxxxxxxx
To subscribe, unsubscribe, or change list options,
visit: http://lists.midrange.com/mailman/listinfo/web400
or email: WEB400-request@xxxxxxxxxxxx
Before posting, please take a moment to review the archives
at http://archive.midrange.com/web400.