After I sketched the basic structure of our iPhone prototype in the last post, I will now continue to add some functionality.

Demo

Sometimes, some additional information in a text can be quite useful. To do this in a website, you can use a fancy tooltip that appears, when hovering a certain word with the mouse. This post will demonstrate, how this can be done, using the great jQuery toolkit.

Code

Demo

getty image

With Ajax you can nicely load asynchronously data without having to reload the whole webpage. Nothing new about that. But as I mentioned previously (article) Jeff Johnson points out 3 human deadlines (0.1 sec, 1 sec, 10 sec) that have to be kept in mind, when developing web applications.

Due to a recent comment on my blog, I want to show another way (previous article) to integrate your flickr photos into a certain website.

1. Step is to login to your flickr account.

2. Step: Click on the “slideshow” link (see fig. below)

Hier kommt ein kurzes JS, welches erkennt, ob der Besucher der Seite mit einem iPhone durch das Web surft:

var u = navigator.userAgent.toLowerCase();
var iphone = ((u.indexOf('iphone'))!=-1);
if (iphone) {
    alert("Howdy, dear iphone owner!");
}

So könnte anschließend beispielsweise eine Weiterleitung zu einer iPhone-optimierten Seite folgen.