News & Blog

Prevent Slides Fading Out Between Transitions in jQuery Cycle Plugin

April 4th, 2013 - 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...

Updating The HTML <title> Tag With JavaScript

March 26th, 2013 - 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

Resolving Google Map Labels Always Appearing Under Overlays and Shapes

March 8th, 2013 - 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

Setting A Site Wide Cookie With JavaScript

February 26th, 2013 - 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

Draw Custom Shapes Using Google Maps API

February 26th, 2013 - 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

Turn Off Zooming Google Map When Scrolling Mouse Wheel

February 21st, 2013 - 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

How To Reset a Form Using jQuery

February 20th, 2013 - 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

Inverting The Y-Axis On jQuery Flot Graph

February 13th, 2013 - 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

How To Hide The InfoWindow In An iFrame Embedded Google Map

February 12th, 2013 - 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...
Bootstrap Hide Popover Title

Remove Twitter Bootstrap Popover Title

January 25th, 2013 - Posted by Steve Marks to (X)HTML / CSS, Javascript / jQuery, Web Development.
I’ve been experimenting with the Twitter Bootstrap framework over the past few days and I must say, I love it. One of the main features that I’m using is the popover functionality which results in a popup fading in when you hover over or click on specified elements. There was s...