Working With Ajax Frameworks

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    16 Favorites & 2 Groups

    Working With Ajax Frameworks - Presentation Transcript

    1. var Person = Class.create({ initialize: function(name) { this.name = name; }, say: function(message) { return this.name + ': ' + message; } });
    2. ['foo', 'bar', 'baz'] .each(function(name, index) { this[name] = index; })
    3. ['foo', 'bar', 'baz'] .filter(function(name, index) { return name[0] == 'b' })
    4. $A(document.getElementsByTagName('p')).each( function(el){el.className = 'bigpimpin'} )
    5. $('p') .addClass('bigpimpin') .html('WDN08FTW!') .click(function(){this.innerHTML = 'no seriously, for the win'});
    6. jQuery.fn.newMethod = function(){ return this; };
    7. $('.parentElement').hider( { toclick: function(el){ return $('.trigger', el) }, tohide: function(el){ return $('ul', el).hide() }, effect: 'slide' } )
    8. jQuery.fn.hider = function(options) { return this.each(function(){ // hide the element and its parent var hide = options.tohide(this); var click = options.toclick ? options.toclick(this) : this; if(options.hide) jQuery(hide).hide(); jQuery(click).click(function() { if(options.effect == 'slide') { jQuery(hide).slideToggle('fast'); }else{ jQuery(hide).animate({opacity:'toggle'},'fast'); } return false; }); }); }
    9. var tree = new Ext.tree.TreePanel({ el:'tree', animate:true, autoScroll:true, loader: new Ext.tree.TreeLoader({dataUrl:'/server/script'}), enableDD:true, containerScroll: true, dropConfig: {appendOnly:true} }); // set the root node var root = new Ext.tree.AsyncTreeNode({ text: 'Ext JS', draggable:false, // disable root node dragging id:'source tree.setRootNode(root); // render the tree tree.render(); root.expand(false, /*no anim*/ false);
    10. var Person = new Class({ initialize: function(name){ this.name = name; } });
    11. <style type=\"text/css\"> @import \"http://o.aolcdn.com/dojo/1.0.0/dijit/themes/tundra/tundra.css\"; @import \"http://o.aolcdn.com/dojo/1.0.0/dojo/resources/dojo.css\" </style> <script type=\"text/javascript\" src=\"http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.js\" djConfig=\"parseOnLoad: true\"></script> <script type=\"text/javascript\"> dojo.require(\"dojo.parser\"); dojo.require(\"dijit.form.Button\"); dojo.require(\"dijit.Menu\"); function call_function(choice) { console.debug(choice+\" was clicked.\"); } </script>
    12. <div dojoType=\"dijit.form.DropDownButton\"> <span>Edit</span> <div dojoType=\"dijit.Menu\" id=\"Edit\"> <div dojoType=\"dijit.MenuItem\" label=\"Copy\" onclick=\"call_function('copy');\"></div> <div dojoType=\"dijit.MenuItem\" label=\"Cut\" onclick=\"call_function('cut');\"></div> <div dojoType=\"dijit.MenuItem\" label=\"Paste\" onclick=\"call_function('paste');\"></div> </div> </div>
    13. $('elementId').hide(); $('elementId').show();
    14. $('#elementId').hide(); $('#elementId').show(); $('#elementId').toggle(); $('#elementId').slideToggle();
    15. new Effect.toggle( $('elementID'),'blind')
    16. new Ajax.Autocompleter( 'contact_name', 'contact_name_auto_complete', '/server/script', {});
    17. new YAHOO.widget.AutoComplete( \"myInput\", \"myContainer\", myDataSource);
    18. // An XHR DataSource var myServer = var mySchema = [\"ResultItem\", \"KeyDataField\"]; var myDataSource = new YAHOO.widget .DS_XHR(myServer, mySchema);
    19. new Control.Slider('handle', 'track', { sliderValue:100000, range: $R(10000, 500000), onSlide: function(v) { SB.setBudget(v); } });
    20. Shadowbox.lib = { getStyle: function(el, style){ return jQuery(el).css(style); }, }

    jonathansnookjonathansnook, 2 years ago

    custom

    7706 views, 16 favs, 17 embeds more stats

    From Web Directions North 2008, Jonathan Snook comp more

    More Info

    CC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs LicenseCC Attribution-NonCommercial-NoDerivs License

    Go to text version
    • Total Views 7706
      • 6799 on SlideShare
      • 907 from embeds
    • Comments 0
    • Favorites 16
    • Downloads 215
    Most viewed embeds
    • 552 views on http://snook.ca
    • 184 views on http://www.webdirections.org
    • 78 views on http://www.snook.ca
    • 41 views on http://www.insideria.com
    • 17 views on http://www.netvibes.com

    more

    All embeds
    • 552 views on http://snook.ca
    • 184 views on http://www.webdirections.org
    • 78 views on http://www.snook.ca
    • 41 views on http://www.insideria.com
    • 17 views on http://www.netvibes.com
    • 13 views on http://digitta.com
    • 4 views on http://feeds.feedburner.com
    • 4 views on http://all-for-women.com
    • 3 views on http://static.slideshare.net
    • 3 views on http://www.hanrss.com
    • 2 views on http://64.233.169.104
    • 1 views on http://www.slideshow.com
    • 1 views on http://www.newsalloy.com
    • 1 views on http://gilgamesh.interinter.net
    • 1 views on applewebdata://CCEE4D86-24A7-4972-8CC1-43DBD4C0E300
    • 1 views on applewebdata://99194F19-21AB-4679-947A-3D7BEF373DAA
    • 1 views on http://natyuken.slideshow.com

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as innappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel

    Categories

    Groups / Events