|
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.
--
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.
As an Amazon Associate we earn from qualifying purchases.
This mailing list archive is Copyright 1997-2024 by midrange.com and David Gibbs as a compilation work. Use of the archive is restricted to research of a business or technical nature. Any other uses are prohibited. Full details are available on our policy page. If you have questions about this, please contact [javascript protected email address].
Operating expenses for this site are earned using the Amazon Associate program and Google Adsense.