jQuery
Bootstrap Progress bar to show long running PHP script
We may have a request to the back end system which may trigger a long running process such as searching huge amount of data or a long running database process. Then the front end webpage may hang and wait for the process to be finished. During this process, if we can provide the user some information […]
How to make Select All with single check box in jQuery?
How to make Select All with single check box in jQuery. $(document).ready(function () { $(‘#selecctall’).click(function (event) { //on click if (this.checked) { // check select status $(‘.check’).each(function () { //loop through each checkbox this.checked = true; //select all checkboxes with class “checkbox1” }); } else { $(‘.check’).each(function () { //loop through each checkbox this.checked = […]
Sorting HTML table using jQuery Table Sorter plugin
Our goal is to just provide client side table data sorting so we will use table sorter jQuery plugin. All you need to do is to include table sorter jquery plugin in your code and call the table sorterfunction. Below is the single line code which lets you do this. Download Demo : https://github.com/christianbach/tablesorter $(document).ready(function (){ […]
How to load more than one version of jQuery?
Well it is not recommended to use multiple version of jquery. One must use only the latest version of jquery. Reason of using latest version is New added features, bug fixes old version and at last performance. However, it’s not always possible to upgrade as soon as a new version comes out. New version may […]
Ajax Image upload Previewer
Please select some picture from your computer, It would display the picture you selected. The file is edited so that can upload muiti picture. Reference from Kamyar Nazeri in StackoverFlow http://stackoverflow.com/questions/14069421/in-html5-how-to-show-preview-of-image-before-upload Download Demo example Click Here
Html marquee : stop() and start() work on firefox 26 but not on 27 and higher
<marquee onMouseOver=’this.stop();’ OnMouseOut=’this.start();’>Hello</marquee> Not working Why? Use below method <marquee onMouseOver=”this.setAttribute(‘scrollamount’, 0, 0);” OnMouseOut=”this.setAttribute(‘scrollamount’, 6, 0);”>Hello</marquee> This works in Firefox 27.0.1 which is the version I tested it on. It may be useful for you to read the following on the marquee element. As it is a non-standard element, support over each browser will vary […]
How to fix position of DOM element on scroll?
How to fix position of DOM element on scrolling window 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 $(document).scroll(function() { var x=$(document).scrollTop(); if(x>=30) { document.getElementById(“fix”).style.position=”fixed”; document.getElementById(“fix”).style.top=”0px”; document.getElementById(“fix”).style.zIndex=”120″; } else { document.getElementById(“fix”).style.position=”relative”; document.getElementById(“fix”).style.top=”auto”; } });
How to use AngularJS Expressions?
AngularJS expressions are written inside double braces: {{ expression }}. AngularJS expressions binds data to HTML the same way as the ng-bind directive. AngularJS will “output” data exactly where the expression is written. AngularJS expressions are much like JavaScript expressions: They can contain literals, operators, and variables. Example {{ 5 + 5 }} or {{ […]
Adding external (Menu) JavaScript, CSS and Images in a project using CodeIgniter
Originally posted on Technology Story:
Open config.php file (Under application/config folder) and change the following line $config[‘base_url’] = “”; to $config[‘base_url’] = “http://localhost/cimenu”; //here cimenu is the folder where all the files of CodeIgniter is Now open autoload.php file (Under application/config folder) and change the following line $autoload[‘helper’] = array(); to $autoload[‘helper’] = array(‘url’, ‘form’);…
Lavalamp for jQuery Lovers – Project
Let me get you started on integrating LavaLamp into your jQuery powered site. I hope you agree that a typical HTML widget consists of 3 distinct components. A semantically correct HTML markup A CSS to skin the markup An unobstrusive javascript that gives it a purpose Now lets follow the above steps and implement the […]
Keep Learning 