While using responsive frameworks like twitter bootstrap we came across a situation where we want to use file upload with consistent look and feel,...
Browsing "Older Posts"
Problem: While working with one of the my project some input boxes needs to be validated on blur event. When i bind jQuery blur event with input,...
jQuery - blur or focusout event triggring twice solution
Sometimes it is not necessary to show extra features or functionality of dataTable which are available. By default search box information bar and pagination...

JQuery dataTable plugin - remove search box, information bar and pagination length drop down
We have seen how to create/initialize and use dataTable with fixed column(s). How to initialize dataTable columns with fixed width ? Solution:...
JQuery DataTable - give fixed width to one or more columns
What is JQuery DataTable ? Answer: DataTables is a plug-in for the jQuery which can provide lots of functionalities. Some of them are as follows: Pagination Instant...

JQuery responsive dataTable with fixed columns
Use indexOf() method of JavaScript string to check if string contains particular given sub string or not. String.prototype.indexOf returns...
JavaScript - Check if string contains given substring
Problem: Many of the time we require to get particular portion of the string for further modification. At this time we need to split particular sting. Solution: In...

JavaScript - Spilit string by single or multiple white space
Javascript: var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; if(is_chrome){ //You are browsing on chrome browser" }else...
Detect google chrome using javascript
Problem statement Consider a scenario where you have DOM like following.. <div class="container"> <div class="row"> <div...
Twitter bootstrap place right Column on top on mobile view
HTML5 introduces new input type called "number". We can use this to take number input from user. It's a nice addition to the webpages and make things...

CSS - hide input type number on chrome and mozilla firefox browsers
While printing page of any website many browsers print all the href links, which is sometimes not necessary or look ugly. To avoid printing href...
CSS - While printing website page hide all anchor href link
While developing website most of the time we face the issue to align particular section or element vertically and horizontally center to it's...
CSS - vertically and horizontally center align any element with its parent element
Yes this is what you seen in chrome browser if your website has broken images. This will look very ugly if you have image with no accurate source. Always...
CSS - Style broken images to look better on browsers
Getting any YouTube videos thumbnail image is quite easy. you just need a ID of particular youtube video to get it's thumbnail image in different resolutions. Use...
Youtube - Get different resolution of thumbnail images of Youtube video using youtube video id
xampp - Error running apache server due to www.example.com:443:0 server certificate does NOT include an ID which matches the server name One day i...
xampp - Error running apache server due server certificate does NOT include an ID which matches the server name
Following code is useful when you came into scenario where you want to encrypt any data using PHP and want to decrypt it and use it via JavaScript. This...
How to encrypt string in PHP and decrypt it and get via javascript code in single line
No matter what you do, you can't prevent users from having full access to every bit of data on your website. If right click is disabled you can still...