Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

Progress bar with Gradient effect using jQuery

Progress Bar :-  Progress bars demonstrate the fulfillment rate of an operation or procedure. It can be utilized to demonstrate a client that how far along he/she is in a procedure. Below is the HTML, CSS and Jquery task, which show...

Chapter 3: Jquery Selector

Hi All, In this chapter we will learn about the selectors, Before the selector, we should know about the factory function-   $() factory function - The factory function is the functions from which the jQuery selector starts and the...

How to create flip effect horizontally and vertically to show images and text?

  Hello Readers , here is a simple blog on flipping effect horizontally and vertically using jquery flip() method  on mouse hover. On mouse hover image  will flip and we will see some text in a div having background color. ...

Bounce Effect using Jquery

Hello Readers, this blog is on the bouncing effect using jquery in all directions(up, down , right and left). I have created four round boxes, on clicking on a box each box will bounce in a different direction and a button on clicking that but...

How to sort table columns using Table Sorter

Follow the given steps: 1) Add the script in your page <script type="text/javascript" src="/path/to/jquery-latest.js"></script> <script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script> 2) I...

autocomplete function with php

Jquery is a powerful library and it is heart of web develepment. It includes different types of functions. Today we are going to discuss function named autocomplete() which is useful to auto populate the suggestions as user types, filtering a...

jQuery Ajax POST with PHP

In jquery we have function named ajax() which have two arguments such as url and settings. Settings are a set of key/value pairs that configure the ajax request. This argument is optional. We are going to take an small example to understand the...

A numeric only text box in web application

A lot many times when creating web applications it so happens that we need to accept numeric vales i.e. which accepts positive, negative numbers , whole numbers or decimal numbers. Its easy, show a message on the page that the particular field ne...

How to parse JSON using PhoneGap

Follow the below steps to parse JASON in PhoneGap. Step 1. Call Js function From html page or from where we want, like this function onBodyLoad() { document.addEventListener(deviceready, callJson, false); } Step 2. Create a functio...

How to Fill Dropdown using jquery without using Ajax

Step 1=> Get all the countries data in an array and all states data corresponding to country wise. <?php $countries_Array = array( 'IN' => 'INDIA', 'BG' => 'Belgium', 'AU' => 'Australia', ...

How to Create Cross-Browser Custom Upload Button with Jquery

Hello Reader's In this article I will guide you to create Cross-Browser Custom Upload Button With JQuery If you facing any problem for upload button use this code. Here is the HTML <div class="Container"> <label>Upl...

Adding jQuery To DotNetNuke Skin or Custom Module

While parsing the skin from HTML file that has been developed by HTML developer. There are many unknown issues occurs. For example- Sub-Menu does not show under Main menu. Slider does not rotate in Homepage. Layout is malformed. Works fin...

Datepicker open on link

Display datepicker on a link. Follow these steps:- Add jquery files: 1) http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css 2) http://code.jquery.com/jquery-1.10.1.js 3) http://code.jquery.com/ui/1.10.3/jquery-ui.js Add a jque...

refreshing ads images (or other stuff) after certain interval

Let me create an HTML sample for explanation <input id="totalAds" value="4" type="hidden"> <input id="currentAd" value="2" type="hidden"> <a class="ads ad-1" href="http://www.tourofindia.com" style="display: none;" target=...
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: