JSFiddle

  • Fusion Tables queries

    No-Library (pure JS), HTML, CSS, JavaScript

    function initMap() {
      var map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: 41.948766, lng: -87.691497},
        zoom: 12 ...
  • Simple Carousel

    Very simple carousel based on jQuery

    // transitionend event stuff
    var transitions = {
        'transition':'transitionend',
        'OTransition':'oTransitionEnd',
        'MozTransition':'transitionend',
        'WebkitTransition':'webkitTransitionEnd'
    };
    var transitionEvent = 'NO_TRANSITION_EVENT';
    var _elem = document.createElement ...
  • templates w/substitute

    Mootools 1.4.2, HTML, CSS, JavaScript

    var productList = [
        {
        'name': 'iPhone 4S',
        'price': '$199.99',
        'description': 'Dual Core A5 chip<br />' 
            + '8MP camera<br />' 
            + '16 GB'
        },
        {
        'name': 'Galaxy Nexus ...
  • fun with borders

    Just playing around with mootools and borders...

    $('con0').addEvents({
        'mouseenter': function(){
            $('mask0').morph('.mask0over');
        },
        'mouseleave': function(){
            $('mask0').morph('.mask0out');
       }
    });
    
    $('con1').addEvents({
        'mouseenter': function(){
            $('mask1').morph('.mask1over');
        },
        'mouseleave ...
  • has clientcide js #8 is the latest revision

    default setup for work with clientcide/behavior

    No code. How about adding some?
  • has clientcide js

    default setup for work with clientcide/behavior

    No code. How about adding some?
  • Object.Store WIP

    current setup without comments

    ItemRenderer = {}; // global
    var todoStore, todoTask, index;
    
    //provided via external js----\/
    todoStore = new Object.Store(data, 'taskID');
    
    var todoDataProvider = new DataProvider ...
  • playing with some keetology (mark) code

    from here: http://keetology.com/blog/2010/10/01/modules-and-callbacks-going-hollywood-with-mootools

    // simple data store
    var dataStore = {
        'contact-001': {
            'info': 'Garrick info here...',
            'notes': '<ul><li>some note</li><li>another note</li></ul>'
        },
        'contact-002': {
            'info': 'Mark info here ...
  • Elements Replace

    Mootools 1.3.2, HTML, CSS, JavaScript

    Elements.implement('replace', function(old, where){
        if(!old) return;
        var _where = where || 'before',
            _old = document.id(old);
        this.inject(_old ...
  • resizer with table centering hack...

    Mootools 1.3.1, HTML, CSS, JavaScript, Mootools More 1.3.1

    var sliderUI = $('slider'),
        _img = $('img'),
        orgSize = $('img').getSize();
    
    var slider = new Slider(sliderUI, sliderUI.getElement('.knob'), {
        range: [50, 100],
        initialStep ...