Latest Blogs In "Javascript" On DeVSeO

Get The Distance Between Two Addresses

Find The Distance Between Two Addresses After having a lot of fun working on the "Find Your Nearest ATM" script I decided to have a go at something similar, but a little bit different. Some Background This is actually going to be part of a project I'm currently working on in my job at Worldview Limited. I have recently been writing a "Proposal Generator", which uses a lovely JavaScript "Web App" interface to add options and text to generate a PDF "proposal" for our corporate clients. Part...

Read more...

Find Your Nearest ATM

Find Your Nearest ATM I have been working on a few scripts recently a little different to the normal ones you might find on DeVSeO. Partly this is because I have now discovered how awesome jQuery can be, and how easy it is to learn and use. Because of this I have undertaken a few personal "mini-projects" with the help of jQuery and a little bit of HTML5 thrown in for good measure. The first of these is my new "ATM Finder", which uses Google Maps to plot ATMs on a map for you based on one of...

Read more...

Microsoft Could Support IE6 For Longer!

I know it's the most depressing news you've probably heard for a long time, but Microsoft are talking about extending the life of Windows XP based on a fact that 74% of work PC's still run the 4 and a half year old OS.This could potentially mean that IE6 (which shipped with the original versions of XP and therefore must be supported as long as the OS) could well be supported for a longer length of time too to accommodate businesses that don't want to update their IE6-specific software until they...

Read more...

Simple CSS Debugging Methods

Firebug, Firebug, Firebug!If you are a web developer and you haven't heard of Firebug you need to get it now! It is a free Firefox addon that lets you traverse the contents of any web page, view the CSS, view the javascript, debug your scripts and edit them live. Basically, everything you could want from a development tool. And the best part is that it's free!All you need to do to use it is download it/install it (if you are not using Firefox you can download the Lite version (installation instr...

Read more...

Tag Attribute Finder - A Firefox Addon By DeVSeO

The Acid 3 Test - The Latest Browser Results

Whilst browsing the Internet today I came across this great letter, which contained a link to a blog written by Internet Explorer and how IE9 is going to eventually almost comply to the acid 3 test (although the time that happens the acid 4 test will have been released and IE9 won't have a chance!). This led me to wonder how the current array of popular and up-to-date browser versions are complying with the acid 3 test as it stands today. The results were interesting in some cases, bhut as yo...

Read more...

YUITip - Simple JavaScript Tooltip For YUI

Demo I wanted to create a simple tooltip for a project I was working on and have seen plenty of jQuery examples, but as you may know by now I prefer to use the YUI library for all of my javascript. So I took this opportunity to write myself a nice little script that would do exactly what I wanted with the greatest of ease.I also thought I would share the finished result with you, in case you are looking for the same sort of thing. It is configurable by changing a couple of the options at the to...

Read more...

YUILight - Spotlight Your Page Elements With YUI

YUILight is a customisable YUI Script that will highlight an element on your page simply by applying a class of 'yuilight' to that element. When that element is clicked and focused on, everything else on the page will be covered by a mask and that single element will stand out from the rest.It is a very simple script to implement only requiring two javascript files and no CSS! The options for customising the script can be found at the top of the javascript file (which is fully commented for you)...

Read more...

Lovely Animated Image Captions Using YUI

I saw a very lovely caption effect for images at MotionLab but realised it was written for jQuery. If you have read of my other blogs here on DeVSeO you may notice that I prefer the YUI javascript library by Yahoo for all of my javascript. So, I decided to create this effect using YUI instead of jQuery. Firstly the setup. To make this work you will need an image and some text to describe that image (including a heading for the image). Here's the one I'm going to use for this example:...

Read more...

Using The YUI Chart Component

The above shows an example of a YUI 2 chart. There are many reason why you might want a chart such as this on your website, such as showing data to users in a more friendly way, publishing commercial content that isnt just in a static table, or even just to add some colour in the form of a funky little widget showing using the latest trends on Twitter. Whatever your reason for having a chart, I have found the YUI 2 charts library a very successful and easy-to-use component that allows you to...

Read more...

Greasemonkey Script to Locate Multiple Domains in Search Results

Greasemonkey is a Firefox Add-on that can be used to install custom scripts that run on specific pages on the internet when the page loads. This can be a very useful tool for many things such as highlighting elements, hiding elements and adding custom functionality to pages that weren't previously available. One useful tool I have seen is written by Mark Stoecker actually highlights listing on a search results page from the big three search engines (Google, Yahoo! and Bing) based on the domai...

Read more...

Star Rating Script With YUI

I really needed a nice little star rating system with YUI for this blog (which can been at the bottom) and after a single search in Google I found Ville Saavuori's Star Rating Script for YUI, which is perfect for the job I needed (so you will see a direct implementation of it used here at the bottom of this blog!). However, for a new project I am undertaking I realised that his implementation was not going to work for multiple rating systems on the same page because it is based on ID's, and a...

Read more...

IE6Update And Pushup For The Web

Recently I have been conducting a fair bit of research regarding a finite resolution to one of the largest issues faced by web developers and web companies alike. Internet Explorer 6. The biggest question I have asked myself is "How on earth has this browser been around for so long, and why is it still here?".It is now officially the oldest and yet still widely-used browser around, possibly because of the fact that it comes installed as standard on out-of-date Microsoft computers owned by large...

Read more...