Wait For iFrame To Load jQuery

Recently I've had a project that needed to do some work in JavaScript on code within an iframe. The problem I was facing was that the website inside the iframe will take a lot longer to load than the...

How To Reverse jQuery SlideUp And SlideDown

By default jQuery slideDown will obviously slide the element down to display the contents and slideUp will slide the element up to hide the contents. What if you want to reverse these actions by using...

How To Create A Show Password Button

In this tutorial we're going to have a quick look at how you can create a show password button on your register or login forms. When you're creating a register form it's best practice to have this for...

Using The jQuery .each() Function

In this article we're going to look into the usage of the jQuery each() function which will allow us to loop through different datasets such as arrays or objects. jQuery each is one of the most used f...

jQuery .html() Get Containing Element

Whenever you need to get all the contents of a HTML element in jQuery you can use a handy function .html(). <div class="content"> <h1>Headers</h1> <p>Paragraph of text<...

jQuery Build Dropdown From AJAX

In a recent project I had to correct a lot of AJAX requests that will populate a HTML select dropdown, in this post I'm going to show you a quick snippet of how to handle the return of the AJAX reques...

Add Delete Confirmation Modal To Form With jQuery

In this tutorial we are going to learn how you will add a confirmation modal box to your forms for things like deleting. Most tutorials I've seen on this only show an example for how you will do this...

Load Scripts Dynamically With jQuery

A common tactic to help speed up your website is to use a technique called lazy loading which means that instead of loading everything your page needs at the start it will only load resources as and w...

Adaptive Backgrounds jQuery Plugin

I recently found a good resource for changing the background colour of a containing div. This is a jQuery plugin that will search for the most dominating colour in an image and will change it's contai...

jQuery Copy To Clipboard

This tutorial is now out of date. I advise you to sue the default browser copy and paste functionality you can find out more information here [Javascript copy and paste](https://paulund.co.uk/javascr...

Changing The Element Size With jQuery

When you are changing the size of an element using jQuery there are two methods that you can use to change the size. First you can use the .css() method passing in the first parameter as height or wid...

Create Password Strength Indicator With jQuery

With security being the biggest problem for most websites it's important to make websites as secure as possible. But after all the precautions a developer can do with their code most of the problems w...

Lazy Load Social Media Buttons

With the page loading speed being so important to a websites success you need to try to speed up all areas of your website as much as possible. One of the features that most websites have now is socia...

Display Disqus On Click Event

I have recently redesigned Paulund and it was design to concentrate on page loading speeds, I wanted to make Paulund load as fast as possible. There are lots of things you can do to improve the loadin...

Create An Interactive Metro Style Grid Dashboard

Since Windows 8 released it's first pictures of the new design, people have been going crazy over the metro style. People love it, it's modern, it's clean, it's simple and makes it really easy to use...