Tutorial Archives - Vikas Bhagwagar - Full Stack Developer

Browsing posts in: Tutorial

Apr 16, 2014 |

RequireJS example – loading desktop vs mobile javascript libraries and overriding functions

RequireJS is a javascript library that is used to load other javascript files in certain orders based upon its dependency. However it can be also used for writing modular javascript other than modular Read more [...]

Apr 7, 2014 |

0 comments

How to style HTML form fields using CSS 3 linear-gradient() function?

CSS 3 provides linear-gradient() function. That creates image using options supplied into that function(). So, we can use this image as background image of any HTML element. Moreover they are faster Read more [...]

Apr 6, 2014 |

0 comments

Javascript setTimeout() function jquery examples and chaining it with afterTime() plugin

javascript setTimeout() functionIt takes two arguments.callback function to execute after milliseconds supplied. milliseconds - after how many milliseconds callback function will execute?.It's Read more [...]

Apr 6, 2014 |

0 comments

Flat UI – Simple HTML tabs without jQuery or any other library

jQuery UI provides extremely simple way to implement HTML tabs. In this tutorial I'll show how to implement that simple tabs without jQuery.HTML structure for Tabs

<div class="tabs">
				<ul>
				<li><a href="#tab1" class="active">Tab 1</a></li>
				<li><a href="#tab2">Tab 2</a></li>
				<li><a href="#tab3">Tab 3</a></li>
			</ul>
			<div id="tab1">
				<h1>Tab 1</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus nihil illo nobis sunt dolor iure nulla perferendis reprehenderit mollitia inventore laudantium cum deserunt quisquam esse excepturi aliquam eius cumque numquam.</p>
			</div>

			<div id="tab2">
				<h1>Tab 2</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque id iste quo quisquam hic dicta natus porro voluptatum illo in doloribus eligendi itaque vitae reprehenderit fugiat enim vero a sunt.</p>
			</div>

			<div id="tab3">
				<h1>Tab 3</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga porro amet voluptates dolorem hic minima officiis sed quae esse laborum eveniet maiores voluptatem architecto aspernatur aliquid nihil repellendus atque praesentium.</p>
			</div>
		</div>

<ul>

</ul>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus nihil illo nobis sunt dolor iure nulla perferendis reprehenderit mollitia inventore laudantium cum deserunt quisquam esse excepturi aliquam eius cumque numquam.</p>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque id iste quo quisquam hic dicta natus porro voluptatum illo in doloribus eligendi itaque vitae reprehenderit fugiat enim vero a sunt.</p>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga porro amet voluptates dolorem hic minima officiis sed quae esse laborum eveniet maiores voluptatem architecto aspernatur aliquid nihil repellendus atque praesentium.</p>

</div>

Here Read more [...]

Apr 2, 2014 |

0 comments

jQuery :contains() selector regex for matching text within elements

jQuery contains() selector simply matches text within selectors. It's also case sensitive, so we've very limitation for selecting or finding elements match approximately.i.e.

<a href="http://www.vikaskbh.com">Vikas Bhagwagar</a>

1	<a href="http://www.vikaskbh.com">Vikas Bhagwagar</a>

jQuery

if($('a:contains("Vikas")').length) {
console.log("my link exists");
}

if($('a:contains("Vikas")').length) {

console.log("my link exists");

}

How Read more [...]

Mar 29, 2014 |

0 comments

How to manipulate cookie of array, object and json datatype using jQuery Plugins?

What's Cookie Cookie is small amount of key value based browser storage used to store tiny data on user's browser by websites. It can be manipulated by javascriptSimple javascript code that manipulate Read more [...]

Mar 1, 2014 |

5 comments

How to sort HTML table rows using different jQuery plugins?

There are many jQuery plugin available to deal with table. They provides capability of sorting, paginating, filtering tabular data.Popular jQuery table sorting plugins:-Data Tables - ▼ Read more [...]

Jan 26, 2014 |

1 comment

jQuery Fake AJAX requests for ajax testing using mockjax plugin

Why fake AJAX requests at first place? Sometimes, JavaScript application needs to communicate heavily with network and testing could became more tedious due to network timeouts and other race conditions Read more [...]

Jan 18, 2014 |

0 comments

Tutorial – Inserting text and image content using CSS

Sometimes we don't have control over backend templates or doesn't seem feasible to update third party plugins code that frequently keep updating. In such situation, we could use javascript or css to Read more [...]

Jan 14, 2014 |

0 comments

jQuery toArray() function vs pure javascript code example

jQuery toArray() method toArray() method applies to matched jQuery DOM elements. It returns array of these matched element objects.Example :- Get array of all table row objects.

jQuery("tr").toArray()

1	jQuery("tr").toArray()

It Read more [...]

Pages:12 3 ›