Author Archives: Sam

Another Layout Demo

By Sam | Published: August 16, 2010
Clicking on a random word will fire an event and color one of the little boxes. The main concept here is that javascript can load different layers of an image, where there is a background layer, and then layers with a lot of transparency and only a small content change. This layout is pretty terrible, [...]
Posted in Art And Design | Leave a comment

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 | Tagged , , , | Leave a comment

From AJAJ to AJAX

By Sam | Published: August 10, 2010
I’ve been writing a fair amount of asynchronous client side stuff lately — you click a button and something happens on the page based on a server response, without the page reloading. Up until recently, I had been shipping back and forth JavaScript Object Notation objects as the data, but the other day I wrote [...]
Posted in Uncategorized | Leave a comment

How To Use jqzoom

By Sam | Published: August 1, 2010
You may need to put IE 8 into compatibility mode to see this graphic. (You might have to put IE8 into compatibility mode to see the graphic above. I'm working on this...) Here's the code: <html> <head> <link rel="stylesheet" type="text/css" href="jqzoom.css" /> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery.jqzoom1.0.1.js"></script> <script type="text/javascript"> $(document).ready(function() { var options = [...]
Posted in Art And Design, Software Development | Leave a comment

Color Drag/Drop Toy

By Sam | Published: August 1, 2010
What you do is to drag one of the small color chips onto the larger square. I’m trying to figure out where I can use drag and drop in an actual interface. It seems like a pretty critical component of desktop like web applications. The effect is done with JQuery-UI. Unfortunately this approach doesn’t work [...]
Posted in Software Development | Leave a comment