Tag Archives: javascript

Event Bubbling In JavaScript / JQuery

By Sam | Published: August 14, 2010
Lynda.com has a great series of tutorials on JavaScript, here. One of the exercises was an event bubbling demo, written in JavaScript. It illustrates how events on a DOM element, bubble-up to the parent elements. I have re-written it below in JQuery. Click in ‘div 3′ to see the event propogate. You may need to [...]
Posted in Software Development | Also tagged , , | Leave a comment

Circles…

By Sam | Published: August 1, 2010
This is just a crazy layout that I built based on this site. It uses a lot of relatively positioned elements for a sort of compositing effect. (None of the links are meant to work — it’s just a layout demo. ) Pure JavaScript/HTML/CSS, no Flash.
Posted in Software Development | Also tagged , , | Leave a comment

dont fetch the count in loops repeatedly!

By Sam | Published: July 28, 2010
This should have been really obvious, but I haven’t really thought about what happens when you do for(var i =0; i < total(); i++) with respect to the function total(), which gets called over and over again. If that function has to search through a large document, and total is large, then this could be [...]
Posted in Software Development | Also tagged | Leave a comment

Chaining JQuery Show/Hide Using Callbacks

By Sam | Published: July 20, 2010
$ = jQuery.noConflict(); var speed = 500; $(function() { $("#hide").hide(); $(".blueBox").hide(); $("#show").click(function() { $(this).hide(); $("#1").show(speed, function() { $("#2").show(speed, function() { $("#3").show(speed, function() { $("#4").show(speed, function() { $("#5").show(speed,function() { $("#6").show(speed, function() { $("#hide").show(); }) }) }) }) }) }) }); $("#hide").click(function() { $(this).hide(); $("#6").hide(speed, function() { $("#5").hide(speed, function() { $("#4").hide(speed, function() { $("#3").hide(speed, function() { $("#2").hide(speed,function() [...]
Posted in Uncategorized | Also tagged , , , | Leave a comment

Arbitrary HTML attributes and JavaScript

By Sam | Published: October 30, 2009
This is a technique that is pretty obvious, but nonetheless useful and worth documenting:  To put it succinctly, it is possible to add custom attrbutes to HTML elements, and query them out with JavaScript DOM operations.  So you might build elements with mouseover help text like this: <a id=”years” href=”#” helpText=”Please enter your motorcycle riding [...]
Posted in Software Development | Also tagged , , | Leave a comment