Tag Archives: web programming

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

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

Including CSS and JavaScript in WordPress Posts Using ‘Custom Fields’

By Sam | Published: July 1, 2010
I recently switched the wordpress editor into HTML only mode. That means I disabled the visual editor, in favor of a window where you just type in markup. This method grows on you, especially if you are pretty fluent in developing HTML code. The natural extension of writing raw html, is to be able to [...]
Posted in Software Development | Also tagged , , | Leave a comment

Web Applications on a Mac: Using The CGI Module

By Sam | Published: February 11, 2010
CGI is a Perl module that makes common tasks in web apps easier.  To be frank, I have usually used it in conjunction with CGI::Application, but it is useful to know how to access it directly. My mac already had the CGI module installed.  I verified this by typing the following commands: perl use CGI; [...]
Posted in Software Development | Also tagged , | Leave a comment