|
2009-05-18
, 23:47
|
|
Posts: 2,869 |
Thanked: 1,784 times |
Joined on Feb 2007
@ Po' Bo'. PA
|
#2
|
|
2009-11-29
, 23:16
|
|
Posts: 2,869 |
Thanked: 1,784 times |
Joined on Feb 2007
@ Po' Bo'. PA
|
#3
|
Tags |
touch screen browser code |
|
I am just a hobbyist and am not a coder by trade. However, I do need to manage my day to day schedule like everyone else. What I do, how I do it, or who I direct to do it is often weather dependent. Having readily available, and current weather data at my disposal helps me make more effective decisions.
For this (as well as other data that I use)I put together some easy to navigate Browser pages that I store locally on the tablet. I overlay a transparent image map over an updated image. When I touch one of the pre-defined blocks on that transparent overlay, the browser navigates to where it is directed by the HTML code. The new page also contains code that can lead to another page or back to the original.
For instance I start by tapping an icon in Personal Launcher found on my "Home" screen:
This takes me to Doppler.htm that is stored on a memory card on my N800:
This image refreshes every 60 seconds and has a Transparent image map overlain. The map is divided into 3 vertical, side by side, equal sections with the middle section divided into an upper and lower half. These 4 image blocks navigate to 4 separate pages also found on the memory card. Touching the upper half of the middle section takes you to a zoomed view of the northern area of the original image:
Touching that image anywhere, navigates back to the updated original. Touching the right section of the original navigates to a zoomed view of the city:
Touching that image anywhere, navigates back to the updated original. Touching the lower half of the middle section takes you to a zoomed view of the southern area of the original image:
Touching that image anywhere, navigates back to the updated original. Touching the left section of the original navigates to a wider composite satalite view of an area resposible for future weather:
Touching that image anywhere, navigates to an even wider view of the USA. (Keep on eye on that image update time though. It looks like these guys took the week end off. )
And finaly: Touching on that^ image anywhere brings you back to the original Doppler page.
Now this code is hardly clean.
In fact it doesn't work on IE7.I did it on a simple text editor and may have left out some standard tags. However, it loads fast and runs very well on the NIT's. The border of the image map is visible when viewed in full screen mode. I don't know how to easily scale the transparent image map so touching outside that border does nothing.If you just want to see how this works, point your tablet's browser >>HERE<<
EDIT: Missing tag added so it^ will now run in IE7. Use your mouse instad of your finger to "click" on a transparent navigation block.
I also have Philly and NYC traffic cam directories that I navigate this way. I can upload them to this thread if anyone is interested.
Weather images are made available by:
http://abclocal.go.com/mediakit/index.html
http://www.accuweather.com/
http://images.intellicast.com/
Last edited by YoDude; 2009-04-15 at 12:02. Reason: corrected code