Blast Mojo is Live ! Now with scaffolding!

mojo

It seems I gained a lot of traffic a little while ago from a little post I made about Mojo. At that time, it seems the internets got confused and somehow a waterfall effect of misunderstandings revolving around the palm pre operating system arose. Gladly those were all cleared up.

Since then there has been a lot of work going on behind the scenes by the core team trying to get Mojo open source. They came through a couple weeks ago and now Mojo is official out in the wild.

Being an advocate of open source, I used the opportunity to quickly build a scaffolding framework for Mojo called Mojo Tasks. I had talked about doing it for a while, and tested a few difference implementations before I finally settled on the current implementation which you can find on my Git Hub account.

All that said, I would like to welcome Mojo into the open source world and I am very excited to make more contributions to this amazing UI framework.


Slickr for Mootools

I was implementing slickr, a flickr plugin for wordpress, on my newest site http://scenemap.net yesterday, and I realized right away that it wasn’t going to be compatiable with my code because I exclusively use mootools. So, I rewrote the javascript for mootools. You can get the code here or look at it here:
javascripthover edges to scroll
 
 
var slickrchangeddiv;
var delayfades = 1000;
 
function slickrInit(target){
    $(target).setStyles({'opacity':0,'display':'block'});
    new Fx.Morph(target,{duration: delayfades}).start({'opacity':[0,1]});
 
    $$('#slickr a').each(function(anchor,i){
        anchor.removeEvents();
        var relAttribute = String(anchor.getAttribute('rel'));
        if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('slickrajaxcontent|slickrajaxmenu'))){
            anchor.addEvent('click',function(e){ //When this matching item is clicked, trigger AJAX updates
                new Event(e).stop();
                slickrchangeddiv = this.getAttribute('rel');
                slickrrelurl = this.getAttribute('href'); //the url that has the new content
                new Fx.Morph(slickrchangeddiv,{ duration: delayfades,
                        onComplete:function(){
                            new Request.HTML({url:slickrrelurl,
                                update: slickrchangeddiv,
                                onSuccess: function() { slickrInit(slickrchangeddiv); }
                                }).get();
                        }
                    }).start({'opacity':[1,0]});
            });
        }
    });
 
     SqueezeBox.assign($$('a[rel=squeeze]'));
}
 
window.addEvent('load',function(){
    new Request.HTML({url:$$('#slickrajaxmenu a')[0].getProperty('href'),
        update: $('slickrajaxcontent'),
        onSuccess: function(){
            slickrInit($('slickrajaxcontent'));
            $('slickrajaxmenu').setStyles({'opacity':0,'display':'block'});
            new Fx.Morph('slickrajaxmenu',{duration: delayfades}).start({'opacity':[0,1]});
        }
    }).get();
});
 
 
Other updates you will need to make for this to work:
  • I implemented squeezebox as the lightbox gallery so you’ll need to get that in your page
  • I And I also modified slickr.php slightly. Find all instances of rel=”lightbox[...]” and replace with rel=”squeezebox”.

Tags

Archive

43 queries in 0.298 seconds | Code is Poetry | sLajax.com