jQuery template plugin allows you to render template items into HTML DOM, template items are HTML markup or text. Basically, we can define HTML markup with template variables and replace these variables inside the DOM when you get the data from an Ajax call or local static data. Here is the simple example to display
Gmail Labs are useful features to enhance the user experience. You can see list of labs by going to your settings within your Gmail and clicking on “Labs” tab. Here is the list of useful labs of my choice: Undo Send This lab feature allows you to undo the sent email up to 30 seconds
Here I am going to show how to highlight particular word within a block of text.You can use this feature to:– highlight the search terms on the page.– highlight particular keywords dynamically on the page.– highlight negative numeric values on block of page. Below is the working example, enter the text in textbox and click
WYSIWYG(What You See Is What You Get) Editor allows users to enter rich HTML text on the fly in the browser. These controls are very useful for the sites which allow users to publish the content. Here I am going to share JQuery WYSISYG editor, i.e. “NicEdit” and other interesting editors. NicEdit is a Lightweight,
In most of the websites, you might notice textboxes with gray text inside which explains what is it for, and when you focus on the textbox it disappears and reappears when you leave the empty textbox. To achieve this, what i do is:– get the hint text from title attribute of textbox.– Show hint text
Using JQuery, i will show how to:– select all checkboxes in a page.– select checkboxes within one block or selected area(table or div).– check selective boxes within the block or page.(select boxes based on css class in block or page) Here is the working example: column1 column2 A B C D E F G H
Here I am going to show different methods to refresh/reload the page or part of the page automatically in certain period of time. Simplest way to refresh whole page is by using meta tag as below: Above code refreshes the page for every 30 seconds. if you don’t want to use meta tag as some
Most of the web developers use Firefox browser for their development work as it has tons of useful extensions to help in productivity, performance and perfection. Here are some of the useful and commonly used extensions: 1. Firebug This is an essential add-on every developer should have. Firebug allows to inspect HTML and modify the
It is very challenging to write only one CSS file to target all the browsers, especially to target IE. We can add the IE specific style sheets using conditional comments. So we have to add one global CSS file for all browsers, and one for IE only to override or add styles specific to IE.
do you want to print a part of the web page? do you have multiple print buttons in a web page, which prints portion of the page? do you want to exclude some elements in print of your page? (like images, ads) do you want to print the display page differently? (changing font or colors
