find articles
-
My Recent Tweets
Error: Twitter did not respond. Please wait a few minutes and refresh this page.
-
-
Recent Posts
Recent Comments
- windows 7 farbschema meldung on Using jQuery to loop thru DOM objects with optional delay
- userslot on Slice a query string and store as object values using JavaScript
- plplaytech slot on Slice a query string and store as object values using JavaScript
- BandarUsernesia on Slice a query string and store as object values using JavaScript
- Maindepo168 on Slice a query string and store as object values using JavaScript
Archives
- January 2013 (1)
- October 2012 (2)
- September 2012 (1)
- August 2012 (11)
- July 2012 (6)
Categories
- CSS (2)
- HTML5 (3)
- JavaScript (11)
- jQuery (7)
- More (5)
- Coldfusion (2)
- Developer Tools (1)
- IIS (1)
- Photoshop (1)
- Reviews (1)
- Movies (1)
Meta
-
Category Archives: jQuery
Bind events to future elements using jQuery’s .on()
I loved the feature of jQuery .live() binding to future elements – but it had problems.
It’s replacement, .on(), DOES NOT bind to future elements by default.
The following explains how to bind future elements using .on().
(more…)
Using jQuery to loop thru DOM objects with optional delay
You want to loop through a collection of DOM objects, so you use .each().
But what if you want to have a delay between effects on the current item?
In short – don’t use .each() for looping – and don’t use setTimeout for the delay.
We’re going to call items by index instead, optionally using a clever way to add a delay.
(more…)
Pausing an animation with jQuery
Starting an animation with jQuery is easy.
Stopping an animation with jQuery is easy.
But what if we want to “pause” and restart the animation?
Well, not so easy – so I dug in and figured a way to make this work cross-browser.
(more…)
Background animation using jQuery
You can actually animate a background image with jQuery – though it’s not as easy as it sounds.
There are cross-browser concerns.
I’ve tested many ways to achieve it and in this post there is code that should work cross-browser. Let’s dig in…
(more…)
Handling multiple timers with JavaScript’s setInterval and jQuery
For a recent project I needed to create a slideshow with auto play capability. To achieve this I used JavaScript’s setInterval to rotate the slides every 15 seconds.
intervalId = window.setInterval("moveSlide()",15000);
To stop animation the timer needed to be cleared. The conventional way is:
window.clearInterval(intervalId);
All well and good if you only have one timer on a page.
(more…)