In the first part of this series I showed how you could get the country of a visitor via his IP address. Now with this precious information, I’ll show you how to map the visitor visually on the world map using Google Maps. You must sign up for a Google Maps API key if you don’t already have one. […]
Javascript
Expanding/collapsing javascript menu
In this post I’ll show you how to create an expanding/collapsing menu like Slashdot left menu used to be, using the YUI library and Dav GlassYUI effects widget. The HTML markup for our menu is : <div id=”menu”> <h1 id=”menu-title”>Menu</h1> <div id=”menu-links”> <ul> <li>Home</li> <li>About</li> <li>CSS</li> </ul> </div> </div> We use 2 div tags, one for holding the menu itself and the […]
YUI-based numeric stepper widget
Since I had some problems with YUI slider, I decided to write a YUI-based numeric stepper that allows users to select values within a predefined range. To instantiate the widget include the following files : <!– CSS –> <link rel=”stylesheet” type=”text/css” href=”stepper/stepper.css” /> <!– Dependencies –> <script type=”text/javascript” src=”http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js”></script> <!– Stepper source file –> <script type=”text/javascript” src=”stepper/stepper-min.js”></script> Then […]
Simple YUI Cookie example – javascript text magnifier for your page
Since YUI 2.5.0 there’s the Cookie utility and at this time of posting, it’s still in beta version. I’ll show you how we can use this simple utility to write a small javascript app. The piece of code we will be writing, using the YUI library (my favorite), will allow users to increase/decrease their font size for a block […]