This post will show you how to build an AJAX crop image tool using the image cropper control from YUI library and PHP. If you are unsure of what PHP is, we touch upon it quickly in our Bluehost guide, click here to read more. The ImageCropper Control from the YUI library gives you an interactive interface for getting the […]
Javascript
Show/hide containers by only adding CSS classes without writing javascript code (YUI-based)
This post will show you how to add the collapse/expand functionality in your HTML pages, perfect for FAQs by only adding two class names to your existing page and including the scripts below. Of course it’s all YUI-based and also a demo of the fantastic YUI selector utility. What does the script do ? OK, suppose […]
nouzil.com – a new Mauritian portal on the web (YUI-based)
I came to know the existing of a new Mauritian portal via Avinash called nouzil (which means our island in creole) and I must say at first look it reminds me of Netvibes a lot. I think the nouzil.com team picked up some bits and pieces from Netvibes.com. Anyway, looking behind the scenes I notice that the new portal uses YUIa lot, in fact it’s all YUI-based. […]
YUI-based alert box – replace your ugly javascript alert box
This tutorial will explain how you can override the default alert box of your browser, without modifying your existing code and by adding 2 lines of javascript code. Today, most reputable web hosting companies allow you to do this server-side. Those 2 famous lines After downloading the package and extracting it to your folder, add […]
Geolocate your visitors with PHP (part 2)
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. […]
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 […]