I got tired of having to find the same website (mostly recipes) on my phone after looking at them on my workstation or laptop so I decided to whip together a bookmarklet to throw a Google powered QR code on any page.

The bookmarklet will just slap a QR code image with the current page’s URL (window.location) so that you can open the page on your phone. ps. Barcode Scanner for Android will automatically open the URL in a browser.

Without further ado, QR Code Bookmarklet

Earlier today, I was trying to use jQuery to trigger the submission of a form after a radio button was clicked. The form tag looked something like:

    <form action="" id="someForm" method="GET" onsubmit="saysomething(); return false">
   ...form..
   </form>

    <script type="text/javascript">
    
    function saysomething(){
      alert("Hello world from saysomething()");
    }

   </script>

So for a regular submit button:

  <input type="submit" value="Submit Form" />

Everything works fine, you’ll see the alert() and the form won’t submit because of the return false.

I ran into issues when I tried to trigger() the submit event with jQuery. I was trying to trigger the submit() event on the form via jQuery. The problem I ran into, was that the saysomething() function was getting called, but the “return false” seemed to have no effect.

The final form looked something like:

    <form action="" id="someForm" 
          method="GET" onsubmit="saysomething(); return false">
      <input type="text" name="someshit" />
      <input type="submit" value="Submit Form" />
      <input type="button" value="jQuery.submit()" id="clickIt" />
    </form>

    <script type="text/javascript">
    
    function saysomething(){
      alert("Hello world from saysomething()");
    }
    
    $(document).ready( function(){
      $("#clickIt").click( function(){ $("#someForm").submit(); });
    });
    
    </script>

For some reason, if you submit the form via a jQuery trigger the form submits even though saysomething() gets called. I’m not sure if this is the expected behavior but it was certainly something of a shock. Anyway, a live version of the form is running here.

Wow two in one day! Well it has taken some time, but along with the WeGov team we launched WeGov.com this morning.

From the site’s about us:

WeGov.com is the most comprehensive, nonpartisan platform for civic engagement, political participation, and organizational activism. WeGov provides a free and open environment for groups, campaigns, and like-minded citizens to organize themselves, easily reach elected officials, and magnify their influence as a VerifiedVoter™.

We’re really excited to see where WeGov goes and how it will reshape the online political landscape. For WeGov media and press inquiries, please email info@wegov.com. Otherwise, to get in touch with us shoot off an email to contact@setfive.com.

Hope everyone has a great Memorial Day weekend.

We’re proud to announce the relaunch of of a partners website: http://www.forextv.com">http://www.forextv.com.  The website delivers Forex news and video along with other Forex resources.  The website has been rebuilt on the Symfony framework.

In the coming weeks we will be rolling out many new features, including several social components.  Keep checking back and let us know how we are doing!

jQuery.each() is pretty sweet but earlier today I wanted to run some animations across a set of three elements and since the animate() calls are non-blocking everything was happening at the same time. What I wanted to do was have the functions execute in a serial fashion (1 after the other).

I poked around and it doesn’t look like there’s a native way to do this. After a bit I decided to just whip something up and see how it works. Here’s what I had originally:

$("#splashStream .snippetbox").each( function(index){
	$(this).animate( {opacity: 0}, 1000, function(){
		$(this).html( $("#hiddenSplashDiv .snippetbox:eq(" + index + ")").html() );
		$(this).animate( {opacity: 1}, 2000 );
	});
});

That ran fine but everything happened at the same time. The modified serial code looks like:

                  var hasCallbackCompleted = [ true ];
                  $("#splashStream .snippetbox").each( function(index){
                      
                      var f = arguments.callee;
                      var args = arguments;
                      var t = this;
                      
                      if( !hasCallbackCompleted[ index ] ){
                        window.setTimeout( function(){ f.apply(t, args); }, 5 );
                        return true; 
                      }
                      
                      hasCallbackCompleted[ index + 1 ] = false;
                      $(this).animate( {opacity: 0}, 1000, function(){
                          $(this).html( $("#hiddenSplashDiv .snippetbox:eq(" + index + ")").html() );
                          $(this).animate( {opacity: 1}, 2000, function(){
                            hasCallbackCompleted[ index + 1 ] = true;
                          });
                      });
                     
                  });

Basically, what it does is after the first element, the code will delay execution of the each() function until the hasCallbackCompleted flag is set for the correct element.