betalb / yepnope.js Goto Github PK

yepnope([
  {
    test : Modernizr.indexeddb,
    yep  : ['/js/indexeddb-wrapper.js', '/css/coolbrowser.css'],
    nope : ['/js/polyfills/lawnchair.js', '/js/cookies.js', '/css/oldbrowser.css']
  }
]);

yepnope([
  // straight up load (using a force css prefix)
  'css!http://yayquery.com/css/base.css?alwaysload',
  
  // no tests, just a load and a callback
  {
    load:'http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js',
    callback: function(){
      console.log('jQuery was loaded!');
      window.oldalert = window.alert;
      window.alert = function(){};
    }
  },
  
  // conditional test based loading, with a default load
  {
    // The test
    test: Modernizr.csstransforms && Modernizr.csstransforms3d,
    
    // If it passes, 'yep' is completely optional, so let's not load anything...
    
    // If it fails
    nope: [
      'http://github.com/madrobby/vapor.js/raw/master/vapor.min.js',
      'css!http://yayquery.com/css/base.css?supports3d=false' //prefix with css! if it doesn't end in .css
    ],
    
    // Load it no matter what
    both: 'http://www.json.org/json2.js',
    
    // For each thing loaded
    callback: {
      'json2.js' : function() {
        window.alert = window.oldalert;
        console.log('bypassed crock\'s alert in json2 yo, because the test result was: ', testResult);
      }
    }
  }
]);