[Javascript] Search Box to Show Default Text on Load and Cleared When Focused

Post Thumbnail of [Javascript] Search Box to Show Default Text on Load and Cleared When Focused

Very often we want our search box to show a default text such as “Search…” when it is loaded. Then when users clicked on the search box, the word is cleared, allowing user to enter their search query. We will see how to do that in this short guide in both plain Javascript and jQuery.

Filed in Web Development
Posted on 9 July 2012 • 1 comment

Fixing Javascript Error: Property ‘submit’ of object #<HTMLFormElement> is not a function

Post Thumbnail of Fixing Javascript Error: Property 'submit' of object #&lt;HTMLFormElement> is not a function

If you come across this error when you code your javascript, most probably you are trying to submit the form dynamically using javascript. Don’t worry, the solution is easy.

Filed in Web Development
Posted on 1 April 2012 • 1 comment

CSS & JavaScript: Increase Page Load Speed by Compressing Files

Post Thumbnail of CSS &amp; JavaScript: Increase Page Load Speed by Compressing Files

As a website owner, you must pay attention to how quickly your website loads. In order to obtain high speed page loads across your website, compressing your CSS and JavaScript can do just the trick. You may have tried the conventional Gzip compression tools after you uploaded your files to your server, but you should also consider these tools that offer you better compression rates before you actually upload your files.

Filed in Web Development
Posted on 23 March 2011 • 1 comment

ZenTabs – A jQuery Tabbed Menu Script

Post Thumbnail of ZenTabs - A jQuery Tabbed Menu Script

If you noticed my tweet, I started to learn jQuery few days ago because I need it to create a photoblogging theme. To test my understanding I need to try making something, so this is the outcome : a tabbed menu script.

Filed in Tools & Scripts
Posted on 29 September 2009 • 13 comments

Modifying qTip To Show Tooltip Only On A Specific CSS Class

Post Thumbnail of Modifying qTip To Show Tooltip Only On A Specific CSS Class

qTip is a light-weight javascript tooltip script written by qrayg.com. By default, qTip automatically apply tooltip on all elements specify by you. In most cases, however, you don’t want to show tooltip on all elements. For example, my Wordpress Theme Demo Bar plugin uses qTip and of course I don’t want tooltips on all <a> tags.

Filed in Web Development
Posted on 23 August 2009 • 1 comment

11 Free & Great Javascript Colour Pickers for Web Development

Post Thumbnail of 11 Free & Great Javascript Colour Pickers for Web Development

Here I am going to review 11 free and great javascript colour picker plugins for web development.
For each single picker, 9 aspects will be reviewed, such as Loading time, Cross browser compatiblity, Accuracy of selection, Support multiple inputs, etc.

Filed in Web Development
Posted on 20 June 2009 • 2 comments

Get & Display Latest Tweets (Twitter Status) using Javascript

Post Thumbnail of Get & Display Latest Tweets (Twitter Status) using Javascript

A simple 3-step guide to retrieve your sweet tweets using javascript and decorate them using CSS.

Filed in Web Development
Posted on 18 June 2009 • 22 comments