Featured
-
How Regression Testing Detects Integral Errors In Business Processes
Humans are forever changing and evolving and so to
by kristina.rigina -
Get Display Banner Advertising Opportunity on FindNerd Platform
“Do you have a product or service that nee
by manoj.rawat -
Android O Released with Top 7 New Features for App Developers
Android was founded by Andy Rubin, Rich Miner, Nic
by sudhanshu.tripathi -
Top 5 Features That Make Laravel the Best PHP Framework for Development
Laravel is a free open source Web Framework of PHP
by abhishek.tiwari.458 -
Objective C or Swift - Which Technology to Learn for iOS Development?
Swift programming language is completely based on
by siddharth.sindhi
Tags
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=...