News and Blog > Javascript / jQuery

1 month ago - Posted by Steve Marks to Javascript / jQuery, Web Development.
I’ve been using the jCarousel Lite plugin from Ganeshji Marwaha for many years now and find it incredibly easy to work with. Due to it’s simplicity It’s also proved easy to modify when I’ve wanted to add additional functionality. I was recently working on a site tha...
1 month ago - Posted by Steve Marks to Javascript / jQuery, Web Development.
The jQuery Cycle Plugin from Malsup is a plugin that I use on a regular basis. It’s easy to add to a site, customisable, and the documentation and examples on the website are excellent. One thing that’s always gnarked me a little about the plugin however is how the slides alway...
1 month ago - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
Sometimes we might not know the full title of a HTML page when the page first loads, meaning that we will need to set it dynamically. I found myself in this scenario recently and needed to set the title using JavaScript. I couldn’t believe how easy it was to do and wanted to share th...
Google Maps API Labels Under Overlays
2 months ago - Posted by Steve Marks to Javascript / jQuery, Web Development.
And for my next trick… I will make labels appear above overlays produced using the Google Maps API. Ok, I’m far from a magician (some might say I’m good at making money, beer and food disappear) but when coding I sometimes wish that certain things could just be made to wo...
Set Site Wide Cookie with JavaScript
2 months ago - Posted by Steve Marks to Javascript / jQuery, Web Development.
In JavaScript it’s possible to set a cookie in order to remember a users preference, or to track information about a user’s visit. If, like me, you looked on the W3Schools website to find out how to set cookies you’ll see that they recommend the following JavaScript code:...
Draw Custom Shape Google Maps API
2 months ago - Posted by Steve Marks to Javascript / jQuery, Web Development.
When I first saw the ‘Draw-a-search’ feature on the Rightmove website a few years ago I was impressed. It was a method of searching that I hadn’t seen before and provided the user with a visual concept of filtering results. Three years on from it’s original creation...
Disable Map Scrol Wheel Zoom
2 months ago - Posted by Steve Marks to Javascript / jQuery, Web Development.
When a large Google Map is shown on a page, I sometimes find it frustrating that when I scroll my mousewheel to navigate down the page, that the map zooms in or out intead. As a result, I wanted to demonstrate how this functionality can be disabled when using the Google Maps V3 API. To [.....
jQuery Reset Form
2 months ago - Posted by Steve Marks to Javascript / jQuery, Web Development.
I explain through code samples how to correctly empty a form and reset it back to it's original values using jQuery. This is a particular scenario where the reset is done via an external trigger....
Invert y-axis on Flot
3 months ago - Posted by Steve Marks to Javascript / jQuery, Web Development.
Flot is one of my favourite plotting libraries out there on the web at the moment. I’ve had a few encounters with it over the years, however earlier today I came across a rather unusual requirement; to display the Y-axis in the reverse order. The graph in question was being used to d...
Hide Google Maps iFrame InfoWindow
3 months ago - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
When wanting to show a location on a simple Google Map within a website there are few options that you have in order to do this. One of the easiest and quickest methods is to use an iFrame. Let’s look at how we can get the code for the iFrame: 1) Navigate to http://maps.google.com. 2...