One of the most popular features of any database driven site is probably a search functionality that allows visitors to search for information within the website. I have written a small article how to implement such a functionality using PHP/MySQL enhanced with Jquery. As you type in the search box , an asynchronous request will be made to query the database and displayed to the user .Below is a screenshot of the search system, an online demo of the application , and the download link for the full source code including the database sql .
Continue Reading
by Hyder on April 22, 2010
in Jquery
I am sure you have probably come across a site in which it shows you the Remaining amount of characters when you are typing into a textarea. If you have ever wondered how to do such a thing then this tutorial is for you :) .A TextArea character counter informs your visitors the number of characters they can type in. The counter will update itself when each character is typed into the textarea. There is a lot of tutorial out there to show you how you can implement a character count meter but this one will show you one more cool stuff to “wow” your visitors .As you type in the textarea , A progress bar will keep increasing until the maximum amount of text is entered in the textarea .If the limit is reached , the progress bar will change from blue to yellow . This Character Count Progress bar is done using Jquery .
Continue Reading
While making a search on twitter today, I have noticed that the website repeat the search after some seconds and notify the end user if there are more result since the last time he or she made the search. Actually, it’s pretty easy to achieve this same thing using jQuery. In this small tutorial, you will learn how to auto load only part of a page content via Ajax using jQuery after every 3 seconds. I will also add a Fade out/Fade in Effect to make it look nicer .
Continue Reading
Web Forms are a fundamental part of web design . From small login forms to complex administration panels, forms are probably the most important interactive elements in a web application.Some peaple prefer to design forms using table whereas some prefer a tabless design using pure CSS .In this tutorial,i have created a form using pure css and i have skinned the form elements such as textbox,drop down list ,radio button using a Jquery Plugin .
Continue Reading
Using Message boxes is a great way to display warning ,error or success messages .Facebook uses similar message box to display success messages .To Enhance the message box,i have added different icons for different Message Status .I have also added a fade in effect using Jquery .
Continue Reading
