HTML
Adding a row to a table containing form fields using jQuery
The following example shows how to add a new row to a table containing form fields using jQuery. Firstly, create a table and a button that will add the new table row when clicked. <form> <table> <thead> <tr> <th scope="col">Track</th> <th scope="col">Album</th> <th scope="...
Published: Friday 06 January 2012
| Comments: 1
| Read more »
HTML
jQuery
My new year's resolutions for 2012
Beyond making an effort to be happier, nicer to people and less stressed I am not a big fan of new year's resolutions. However, from a programming point of view, there are a few things I plan to do this year. I've listed them below so I can review my achievements (or lack of) in a year's time. Read the following books which I purchased recently from Sitepoint: jQuery: No...
Published: Sunday 01 January 2012
| Comments: 0
| Read more »
ColdFusion
HTML
jQuery
CSS
How to make a telephone number clickable on iPhone or Android
To make a telephone number clickable on an iPhone or Android device simply wrap it in an HTML <a> tag. When the link is clicked the device's phone will be activated. Don't forget to prepend 'tel:' to the link. <a href="tel:+440000000000">00000 000000</a> ...
Published: Thursday 15 December 2011
| Comments: 2
| Read more »
HTML
iPhone
Android
Integrating Gravatar with your blog
Today I integrated Gravatar with my blog so, for commenters who have a Gravatar account, you'll now see an avatar next to their blog post comments. As long as you have a commenter's email address it's very easy to display their avatar. In Coldfusion simply convert the commenter's email address to lower case, hash it, convert it to lower case again and add it to an IMG ta...
Published: Friday 02 December 2011
| Comments: 3
| Read more »
ColdFusion
HTML
Making your web site's navigation mobile friendly
I am currently working on a project to convert a web site to a responsive design. The site's navigation has a lot of links arranged in list format so, rather than displaying the navigation in list format on mobile devices which would push the page content off the screen, I thought I would use jQuery to convert the navigation to a select list if a mobile device is being used. Here's how ...
Published: Wednesday 16 November 2011
| Comments: 0
| Read more »
HTML
jQuery
Responsive Design
Foundation: Rapid prototyping and building framework
Today I finished integrating Foundation framework with my blog. Foundation describes itself as 'an easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device'. And, as long as you have a knowledge of HTML and CSS, and at least a basic understanding of the principals behind responsive design, Foundation is very easy to use. Fortunately...
Published: Friday 11 November 2011
| Comments: 0
| Read more »
HTML
jQuery
CSS
Responsive Design
Cloning form values using jQuery
This simple example shows how you can copy form values using jQuery from one fieldset to another. In the example the values from the Address fieldset are copied to the Billing Address fieldset when the Use Same Address checkbox is ticked. Firstly, create the following form. <form action="" method="post"> <fieldset> <legend>Address&l...
Published: Tuesday 20 September 2011
| Comments: 2
| Read more »
HTML
jQuery
