Display an info text in a HTML input field if its focus is lost

Now that with Ext Core a light-weight version (just 25kB) of ExtJS has been released, I thought it’s time to build a nice example with it.

The result is something very useful that you can see in actually a lot of web sites: Display a info text inside of a input text field if it is empty and does not have the focus.

Here’s how it looks like:

E-Mail:

To add this behaviour to a input field you just have to call this single line:

As always you can find the code for this component in a library called ‘extensive‘. Feel free to support the project by participating.

Google Maps API for Flex

As I pointed out before, it’s unfortunately not possible to use Flex components as info windows for Google Maps.
Another issue is that the map is not available as a Flex component itself, therefore it’s a bit complicated to use it in Flex.
So I thought to address these issues in a little Google Maps API for Flex that you can download here under BSD license.
With openFlexInfoWindows I also added a method that allows you to use multiple Flex components as info window at once – nicely seperated in tabs.
Find an example below:

Start Flash!
Source Code