Sticky Footer – Make Footer Stick to the Bottom with Javascript

This is an update to this post. The method described below is quite old and since then browser support has gotten much better for different features provided by CSS. So I believe there is no need to use javascript anymore. You should be able to achieve this with a full CSS solution. Check out this post: https://css-tricks.com/couple-takes-sticky-footer/
I personally like the Flexbox method and I have used it on this very site. In case you are still supporting really old browser versions, in that case the javascript method below might save you some headaches.

Old Post:

Recently I redesigned my company website. There was an issue I came across when I implemented the design on pages that were a little shallow on content. My footer tended to show a little higher where the content ended, leaving some space under it. Ofcourse, this did not look good to me.

So I started out trying different things, my first take was that I can do this with only CSS. I tried a different things but it worked in one browser and didn’t work in the other. So finally I decided to use Javascript. I found a solution that worked in all major browsers. Continue reading “Sticky Footer – Make Footer Stick to the Bottom with Javascript”

An Ajax Example in jQuery – Incorporate Ajax in your Web Design

If you are a little familiar with web development you must have heard the word Ajax. I know a lot of beginners that hear this word think that it is probably an advanced topic. Before jQuery, achieving a task with Ajax was somewhat tedious. But jQuery has made it pretty simple for us. Continue reading “An Ajax Example in jQuery – Incorporate Ajax in your Web Design”

How to Load Fancybox on Page Load – jQuery Fancybox

Versions of Fancybox Plugin:

If you are  a web designer you probably have already used jQuery fancybox plugin. Remember that there might be different versions available starting with 1.0, 1.2,  1.2.1, 1.2.2 and all the way upto 2.1.4 . If you would like to see the change log click here. So if you are trying to attempt something in 1.0, it might not work if you are reading the documentation for 1.3.4 or 2.0. Continue reading “How to Load Fancybox on Page Load – jQuery Fancybox”

Conditional Validation with jQuery Validation Plugin – Conditionally Require Field Value

So here is another tip for jQuery Validation Plugin. Sometimes you might require a value for the field based on the value of some other field. e.g. you may have contact form with two radio buttons for contact preference: email or phone. Now based on what they select you might want to require a value for the email field or the phone field. So how do we solve this problem? Pretty Simple! Continue reading “Conditional Validation with jQuery Validation Plugin – Conditionally Require Field Value”

Use jQuery Validation Plugin to Validate a Hidden Form

I wanted to share a tip with you regarding jQuery Validation Plugin. Of course we all love the plugin, but there might be a time when you might find yourself in a situation like this.

I recently added some functionality to my website. I added a page in the account section for members where they could see their personal information and could also edit the information if needed. I wanted to do keep all this information on one page. So when the page loads it shows member info and then if they click the edit button it turns into a form with input text fields. Continue reading “Use jQuery Validation Plugin to Validate a Hidden Form”