SlideShare a Scribd company logo
Working With Ajax Frameworks
Working With Ajax Frameworks
Working With Ajax Frameworks
Working With Ajax Frameworks

Recommended for you

Local storages
Local storagesLocal storages
Local storages

Using of HTML5 storages, WEB SQL DB and IndexedDB

Symfony2でMongoDBと仲良くする方法
Symfony2でMongoDBと仲良くする方法Symfony2でMongoDBと仲良くする方法
Symfony2でMongoDBと仲良くする方法

2011-06-04の第4回Symfony2勉強会の発表資料。 (2011-06-07 二枚目を頑張って更新。。。汗)

mongodbsymfony2doctrine
Palestra sobre MongoDB com PHP no PHP'n'Rio
Palestra sobre MongoDB com PHP no PHP'n'Rio Palestra sobre MongoDB com PHP no PHP'n'Rio
Palestra sobre MongoDB com PHP no PHP'n'Rio

Palestra sobre MongoDB com PHP no PHP'n'Rio

mongodbphprio
Working With Ajax Frameworks
Working With Ajax Frameworks
Working With Ajax Frameworks
Working With Ajax Frameworks

Recommended for you

Formulario
FormularioFormulario
Formulario

Formulario en php

Php codigos interfaces fredy guzman cusihunca
Php codigos interfaces   fredy guzman cusihuncaPhp codigos interfaces   fredy guzman cusihunca
Php codigos interfaces fredy guzman cusihunca
Java Script - Object-Oriented Programming
Java Script - Object-Oriented ProgrammingJava Script - Object-Oriented Programming
Java Script - Object-Oriented Programming

Introduction to Java Script object-oriented programming presented by Piotr on meet.js meetings in Lublin (Feb-2015) and Szczecin (Mar-2015).

jsjava scriptes6
Working With Ajax Frameworks
var Person = Class.create({
  initialize: function(name) {
     this.name = name; },
  say: function(message) {
     return this.name + ': ' + message; }
});
['foo', 'bar', 'baz']
  .each(function(name, index) {
    this[name] = index; })
['foo', 'bar', 'baz']
  .filter(function(name, index) {
   return name[0] == 'b' })

Recommended for you

Simular un next del recordset en php de forma rudimentaria
Simular un next del recordset en php de forma rudimentariaSimular un next del recordset en php de forma rudimentaria
Simular un next del recordset en php de forma rudimentaria

php

$A(document.getElementsByTagName('p')).each(
function(el){el.className = 'bigpimpin'}
)
Working With Ajax Frameworks
Working With Ajax Frameworks
$('p')
 .addClass('bigpimpin')
 .html('WDN08FTW!')
 .click(function(){this.innerHTML = 'no
  seriously, for the win'});

Recommended for you

Jquery Introduction Hebrew
Jquery Introduction HebrewJquery Introduction Hebrew
Jquery Introduction Hebrew

My jQuery Presentation

jquery
JS programowanie obiektowe
JS  programowanie obiektoweJS  programowanie obiektowe
JS programowanie obiektowe

Omówienie mechanizmów związanych z programowaniem obiektowym w JavaScript dostępnych w starszych wersjach języka oraz w ES6.

jsoop
Юнит тестирование в Zend Framework 2.0
Юнит тестирование в Zend Framework 2.0Юнит тестирование в Zend Framework 2.0
Юнит тестирование в Zend Framework 2.0
zfzendzf2
jQuery.fn.newMethod = function(){
   return this;
};
$('.parentElement').hider(
  {
    toclick: function(el){
         return $('.trigger', el) },
    tohide: function(el){
         return $('ul', el).hide() },
    effect: 'slide'
  }
)
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;
          });
    });
}
Working With Ajax Frameworks

Recommended for you

jQuery sans jQuery
jQuery sans jQueryjQuery sans jQuery
jQuery sans jQuery

Une immense majorité de développeurs connaissent jQuery, mais pas vraiment JavaScript. Nous verrons comment faire en pur JS ce que vous avez l’habitude de faire avec jQuery et jQuery UI, en mettant l’accent sur le support par les navigateurs des fonctionnalités JS utilisées, et sur les polyfills disponibles.

html5web componentsjavascript
Custom agario skins
Custom agario skinsCustom agario skins
Custom agario skins

afd

pu
Dennis zapana perez
Dennis zapana perezDennis zapana perez
Dennis zapana perez
Working With Ajax Frameworks
Working With Ajax Frameworks
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);
Working With Ajax Frameworks

Recommended for you

Crud secara simultan ala php myadmin
Crud secara simultan ala php myadminCrud secara simultan ala php myadmin
Crud secara simultan ala php myadmin

kkkksk

smkkdk
Iteratory
IteratoryIteratory
Iteratory

Presentation for first meetphp convention

phpphp5.4iterator
The Type We Want (MIX10)
The Type We Want (MIX10)The Type We Want (MIX10)
The Type We Want (MIX10)

This document discusses different methods for embedding fonts on web pages, including their advantages and disadvantages. The font tag allowed using images of text for any font but had performance issues. CSS font stacks provide flexibility but not all fonts will be visible to users. JavaScript methods like SIFR and Cufón let any font be used but have limitations. The @font-face rule allows dynamic font usage with full CSS styling across browsers but requires font files in multiple formats and licensing can restrict embedding. Services exist to handle font hosting and formatting but have disadvantages around reliance on their servers. Subsetting and compression can improve performance but must be done carefully.

Working With Ajax Frameworks
Working With Ajax Frameworks
var Person = new Class({
    initialize: function(name){
  this.name = name; }
});
Working With Ajax Frameworks

Recommended for you

Mobile Web Development
Mobile Web DevelopmentMobile Web Development
Mobile Web Development

The document discusses strategies for developing mobile web applications for smartphones like iPhone and Android, focusing on technologies like HTML5, CSS3, and JavaScript that enable responsive design and native-like experiences. It also covers tools and frameworks for building cross-platform mobile apps, such as PhoneGap and Titanium, as well as strategies for optimizing content delivery and the user experience for less capable mobile devices.

mobile
Presentation on Presentations
Presentation on PresentationsPresentation on Presentations
Presentation on Presentations

This document provides tips for giving presentations. It suggests focusing a presentation on defining a problem and telling a story to engage the audience. The tips include using different types of slides like bullets and code to highlight important information, injecting humor with pictures, speaking slowly, and being prepared to answer questions. Presenters are advised to not reveal all details at once and to take breaks between slides to keep the audience interested.

presentation
Building On The Shoulders
Building On The ShouldersBuilding On The Shoulders
Building On The Shoulders

The document discusses building on existing tools, frameworks, platforms and ideas rather than reinventing the wheel. It lists examples of existing tools and frameworks in various categories like JavaScript, CSS, programming languages and platforms that can be leveraged to build new applications and speed up development. The benefits mentioned are that existing solutions are well-tested, development can be faster, and new ideas can solve problems outside the original solutions.

Working With Ajax Frameworks
Working With Ajax Frameworks
Working With Ajax Frameworks
Working With Ajax Frameworks

Recommended for you

RIAs
RIAsRIAs
RIAs

This session will take a look at two prominent desktop platforms, AIR and Titanium, and examine some of the pros and cons of developing with that environment. We'll also take a look at ways to speed up development using rich components like jQuery UI and take advantage of the features of HTML5 and CSS3 that can be used right away.

titaniumcss3adobeair
The Type We Want
The Type We WantThe Type We Want
The Type We Want

This document discusses typography and font usage on the web. It covers the history of using fonts, from basic HTML tags to modern techniques like @font-face embedding. Key topics include common font stacks, converting file formats, subsetting for performance, licensing issues, and tools for optimizing embedded web fonts. The goal is flexible typographic control while ensuring wide browser support and fast loading speeds.

cssfonts
Ajax presentation
Ajax presentationAjax presentation
Ajax presentation

The document discusses AJAX (Asynchronous JavaScript and XML), which is a web development technique for building interactive web applications. It allows for asynchronous data retrieval, which means requests are made in the background without interfering with the display and behavior of the existing page. This improves responsiveness as users can interact with the page during data loading. The key components that AJAX uses are XML, HTML, CSS, DOM, and JavaScript. JavaScript plays the important role of binding these components together and enabling asynchronous communication with the server in the background.

Working With Ajax Frameworks
Working With Ajax Frameworks
<style type=quot;text/cssquot;>
  @import quot;http://o.aolcdn.com/dojo/1.0.0/dijit/themes/tundra/tundra.cssquot;;
  @import quot;http://o.aolcdn.com/dojo/1.0.0/dojo/resources/dojo.cssquot;
</style>
<script type=quot;text/javascriptquot;
   src=quot;http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.jsquot;
   djConfig=quot;parseOnLoad: truequot;></script>
<script type=quot;text/javascriptquot;>
   dojo.require(quot;dojo.parserquot;);
   dojo.require(quot;dijit.form.Buttonquot;);
   dojo.require(quot;dijit.Menuquot;);

   function call_function(choice) {
      console.debug(choice+quot; was clicked.quot;);
   }
</script>
<div dojoType=quot;dijit.form.DropDownButtonquot;>
   <span>Edit</span>
   <div dojoType=quot;dijit.Menuquot; id=quot;Editquot;>
       <div dojoType=quot;dijit.MenuItemquot; label=quot;Copyquot;
          onclick=quot;call_function('copy');quot;></div>
       <div dojoType=quot;dijit.MenuItemquot; label=quot;Cutquot;
          onclick=quot;call_function('cut');quot;></div>
       <div dojoType=quot;dijit.MenuItemquot; label=quot;Pastequot;
          onclick=quot;call_function('paste');quot;></div>
   </div>
</div>

Recommended for you

Ajax ppt - 32 slides
Ajax ppt - 32 slidesAjax ppt - 32 slides
Ajax ppt - 32 slides

A presentation on Ajax suitable for college level presentations and seminars.Contains 32 slides - ideal for a 20 - 30 minutes seminar.

ajaxcollegepresentation
Mobile Is Eating the World, 2016-2017
Mobile Is Eating the World, 2016-2017Mobile Is Eating the World, 2016-2017
Mobile Is Eating the World, 2016-2017

by Benedict Evans. Please see this link for full description, slides, AND version with talk track: http://a16z.com/2016/12/09/mobile-is-eating-the-world-outlook-2017/

 
by a16z
machine learningtrendsinnovation
Go-to-Market Best Practices for Startups
Go-to-Market Best Practices for StartupsGo-to-Market Best Practices for Startups
Go-to-Market Best Practices for Startups

Looking to scale something up? Depending on how you're going after your market/ acquiring users, you may need to build a sales organization that's optimized for a top-down or bottom-up sales process (or perhaps both). Watch the video overview at http://a16z.com/2015/03/06/go-to-market-bootcamp/ and then check out this slide deck, which shares some concrete tips and tools for accelerating time to market -- from the go-to-market experts at a16z, led by 'sales savant' Mark Cranney. Because selling to enterprises is a lot like getting a bill passed through Congress: it can get stuck. And getting stuck -- or going down the wrong path -- can mean death to startups in a competitive market. Here's how to avoid that.

 
by a16z
demand generationfield salestime to market
Working With Ajax Frameworks
Working With Ajax Frameworks
$('elementId').hide();
$('elementId').show();
$('#elementId').hide();
    $('#elementId').show();
   $('#elementId').toggle();
$('#elementId').slideToggle();

Recommended for you

Software is Eating Bio
Software is Eating BioSoftware is Eating Bio
Software is Eating Bio

Bio in 2015 is like software in 2005. The bio fund is really about funding software companies in the bio space.

 
by a16z
healthcaresoftwarebiology
Go to-market strategy for B2B SaaS companies
Go to-market strategy for B2B SaaS companiesGo to-market strategy for B2B SaaS companies
Go to-market strategy for B2B SaaS companies

Get in touch: guillaume@lajavaness.com A short presentation outlining the main customer targeting strategies a B2B SaaS startup might decide to use.

saaspricingstartups
Network Effects
Network EffectsNetwork Effects
Network Effects

Network effects. It’s one of the most important concepts for business in general and especially for tech businesses, as it’s the key dynamic behind many successful software-based companies. Understanding network effects not only helps build better products, but it helps build moats and protect software companies against competitors’ eating away at their margins. Yet what IS a network effect? How do we untangle the nuances of 'network effects' with 'marketplaces' and 'platforms'? What’s the difference between network effects, virality, supply-side economies of scale? And how do we know a company has network effects? Most importantly, what questions can entrepreneurs and product managers ask to counter the wishful thinking and sometimes faulty assumption behind the belief that “if we build it, they will come” … and instead go about more deterministically creating network effects in their business? Because it's not a winner-take-all market by accident.

 
by a16z
moatsplatformsvirality
new Effect.toggle(
$('elementID'),'blind')
Working With Ajax Frameworks
new Ajax.Autocompleter(
  'contact_name',
  'contact_name_auto_complete',
  '/server/script', {});
new YAHOO.widget.AutoComplete(
  quot;myInputquot;,
  quot;myContainerquot;,
  myDataSource);

Recommended for you

Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)

In this update of his past presentations on Mobile Eating the World -- delivered most recently at The Guardian's Changing Media Summit -- a16z’s Benedict Evans takes us through how technology is universal through mobile. How mobile is not a subset of the internet anymore. And how mobile (and accompanying trends of cloud and AI) is also driving new productivity tools. In fact, mobile -- which encompasses everything from drones to cars -- is everything.

 
by a16z
dronesmobile is eating the worldautonomous cars
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101

The SlideShare 101 is a quick start guide if you want to walk through the main features that the platform offers. This will keep getting updated as new features are launched. The SlideShare 101 replaces the earlier "SlideShare Quick Tour".

tutorialhowtotour
// An XHR DataSource
var myServer =
var mySchema = [quot;ResultItemquot;,
  quot;KeyDataFieldquot;];
var myDataSource = new YAHOO.widget
  .DS_XHR(myServer, mySchema);
Working With Ajax Frameworks
Working With Ajax Frameworks
new Control.Slider('handle',
  'track', {
  sliderValue:100000,
  range: $R(10000, 500000),

  onSlide: function(v) {
  SB.setBudget(v); }
});

Recommended for you

Working With Ajax Frameworks
Working With Ajax Frameworks
Working With Ajax Frameworks
Shadowbox.lib = {
  getStyle: function(el, style){
     return jQuery(el).css(style);
  },

}

Recommended for you

Working With Ajax Frameworks
Working With Ajax Frameworks

More Related Content

What's hot

Introduction to Service Worker
Introduction to Service WorkerIntroduction to Service Worker
Introduction to Service Worker
Shogo Sensui
 
Clase 10 electiva profesional 3 aws rds php y mysql
Clase 10 electiva profesional 3 aws rds php y mysqlClase 10 electiva profesional 3 aws rds php y mysql
Clase 10 electiva profesional 3 aws rds php y mysql
Richard Eliseo Mendoza Gafaro
 
jQuery for designers
jQuery for designersjQuery for designers
jQuery for designers
Johan Ronsse
 
Local storages
Local storagesLocal storages
Symfony2でMongoDBと仲良くする方法
Symfony2でMongoDBと仲良くする方法Symfony2でMongoDBと仲良くする方法
Symfony2でMongoDBと仲良くする方法
Koji Iwazaki
 
Palestra sobre MongoDB com PHP no PHP'n'Rio
Palestra sobre MongoDB com PHP no PHP'n'Rio Palestra sobre MongoDB com PHP no PHP'n'Rio
Palestra sobre MongoDB com PHP no PHP'n'Rio
Suissa
 
Formulario
FormularioFormulario
Formulario
tukisele
 
Php codigos interfaces fredy guzman cusihunca
Php codigos interfaces   fredy guzman cusihuncaPhp codigos interfaces   fredy guzman cusihunca
Php codigos interfaces fredy guzman cusihunca
Tigger_Fred
 
Java Script - Object-Oriented Programming
Java Script - Object-Oriented ProgrammingJava Script - Object-Oriented Programming
Java Script - Object-Oriented Programming
intive
 
Simular un next del recordset en php de forma rudimentaria
Simular un next del recordset en php de forma rudimentariaSimular un next del recordset en php de forma rudimentaria
Simular un next del recordset en php de forma rudimentaria
jbersosa
 
Jquery Introduction Hebrew
Jquery Introduction HebrewJquery Introduction Hebrew
Jquery Introduction Hebrew
Alex Ivy
 
JS programowanie obiektowe
JS  programowanie obiektoweJS  programowanie obiektowe
JS programowanie obiektowe
Piotr Czajkowski
 
Юнит тестирование в Zend Framework 2.0
Юнит тестирование в Zend Framework 2.0Юнит тестирование в Zend Framework 2.0
Юнит тестирование в Zend Framework 2.0
zfconfua
 
jQuery sans jQuery
jQuery sans jQueryjQuery sans jQuery
jQuery sans jQuery
goldoraf
 
Custom agario skins
Custom agario skinsCustom agario skins
Custom agario skins
Yhonatan Quispe
 
Dennis zapana perez
Dennis zapana perezDennis zapana perez
Dennis zapana perez
dennis_elvis
 
Crud secara simultan ala php myadmin
Crud secara simultan ala php myadminCrud secara simultan ala php myadmin
Crud secara simultan ala php myadmin
Rizal Di Caprio
 
Iteratory
IteratoryIteratory

What's hot (20)

Introduction to Service Worker
Introduction to Service WorkerIntroduction to Service Worker
Introduction to Service Worker
 
Clase 10 electiva profesional 3 aws rds php y mysql
Clase 10 electiva profesional 3 aws rds php y mysqlClase 10 electiva profesional 3 aws rds php y mysql
Clase 10 electiva profesional 3 aws rds php y mysql
 
jQuery for designers
jQuery for designersjQuery for designers
jQuery for designers
 
Local storages
Local storagesLocal storages
Local storages
 
Symfony2でMongoDBと仲良くする方法
Symfony2でMongoDBと仲良くする方法Symfony2でMongoDBと仲良くする方法
Symfony2でMongoDBと仲良くする方法
 
Palestra sobre MongoDB com PHP no PHP'n'Rio
Palestra sobre MongoDB com PHP no PHP'n'Rio Palestra sobre MongoDB com PHP no PHP'n'Rio
Palestra sobre MongoDB com PHP no PHP'n'Rio
 
Formulario
FormularioFormulario
Formulario
 
Php codigos interfaces fredy guzman cusihunca
Php codigos interfaces   fredy guzman cusihuncaPhp codigos interfaces   fredy guzman cusihunca
Php codigos interfaces fredy guzman cusihunca
 
Java Script - Object-Oriented Programming
Java Script - Object-Oriented ProgrammingJava Script - Object-Oriented Programming
Java Script - Object-Oriented Programming
 
With enter
With enterWith enter
With enter
 
Simular un next del recordset en php de forma rudimentaria
Simular un next del recordset en php de forma rudimentariaSimular un next del recordset en php de forma rudimentaria
Simular un next del recordset en php de forma rudimentaria
 
Wek14 mysql 2
Wek14 mysql 2Wek14 mysql 2
Wek14 mysql 2
 
Jquery Introduction Hebrew
Jquery Introduction HebrewJquery Introduction Hebrew
Jquery Introduction Hebrew
 
JS programowanie obiektowe
JS  programowanie obiektoweJS  programowanie obiektowe
JS programowanie obiektowe
 
Юнит тестирование в Zend Framework 2.0
Юнит тестирование в Zend Framework 2.0Юнит тестирование в Zend Framework 2.0
Юнит тестирование в Zend Framework 2.0
 
jQuery sans jQuery
jQuery sans jQueryjQuery sans jQuery
jQuery sans jQuery
 
Custom agario skins
Custom agario skinsCustom agario skins
Custom agario skins
 
Dennis zapana perez
Dennis zapana perezDennis zapana perez
Dennis zapana perez
 
Crud secara simultan ala php myadmin
Crud secara simultan ala php myadminCrud secara simultan ala php myadmin
Crud secara simultan ala php myadmin
 
Iteratory
IteratoryIteratory
Iteratory
 

Viewers also liked

The Type We Want (MIX10)
The Type We Want (MIX10)The Type We Want (MIX10)
The Type We Want (MIX10)
Jonathan Snook
 
Mobile Web Development
Mobile Web DevelopmentMobile Web Development
Mobile Web Development
Jonathan Snook
 
Presentation on Presentations
Presentation on PresentationsPresentation on Presentations
Presentation on Presentations
Jonathan Snook
 
Building On The Shoulders
Building On The ShouldersBuilding On The Shoulders
Building On The Shoulders
Jonathan Snook
 
RIAs
RIAsRIAs
The Type We Want
The Type We WantThe Type We Want
The Type We Want
Jonathan Snook
 
Ajax presentation
Ajax presentationAjax presentation
Ajax presentation
Bharat_Kumawat
 
Ajax ppt - 32 slides
Ajax ppt - 32 slidesAjax ppt - 32 slides
Ajax ppt - 32 slides
Smithss25
 
Mobile Is Eating the World, 2016-2017
Mobile Is Eating the World, 2016-2017Mobile Is Eating the World, 2016-2017
Mobile Is Eating the World, 2016-2017
a16z
 
Go-to-Market Best Practices for Startups
Go-to-Market Best Practices for StartupsGo-to-Market Best Practices for Startups
Go-to-Market Best Practices for Startups
a16z
 
Software is Eating Bio
Software is Eating BioSoftware is Eating Bio
Software is Eating Bio
a16z
 
Go to-market strategy for B2B SaaS companies
Go to-market strategy for B2B SaaS companiesGo to-market strategy for B2B SaaS companies
Go to-market strategy for B2B SaaS companies
Guillaume Lerouge
 
Network Effects
Network EffectsNetwork Effects
Network Effects
a16z
 
Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)
a16z
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
Amit Ranjan
 

Viewers also liked (15)

The Type We Want (MIX10)
The Type We Want (MIX10)The Type We Want (MIX10)
The Type We Want (MIX10)
 
Mobile Web Development
Mobile Web DevelopmentMobile Web Development
Mobile Web Development
 
Presentation on Presentations
Presentation on PresentationsPresentation on Presentations
Presentation on Presentations
 
Building On The Shoulders
Building On The ShouldersBuilding On The Shoulders
Building On The Shoulders
 
RIAs
RIAsRIAs
RIAs
 
The Type We Want
The Type We WantThe Type We Want
The Type We Want
 
Ajax presentation
Ajax presentationAjax presentation
Ajax presentation
 
Ajax ppt - 32 slides
Ajax ppt - 32 slidesAjax ppt - 32 slides
Ajax ppt - 32 slides
 
Mobile Is Eating the World, 2016-2017
Mobile Is Eating the World, 2016-2017Mobile Is Eating the World, 2016-2017
Mobile Is Eating the World, 2016-2017
 
Go-to-Market Best Practices for Startups
Go-to-Market Best Practices for StartupsGo-to-Market Best Practices for Startups
Go-to-Market Best Practices for Startups
 
Software is Eating Bio
Software is Eating BioSoftware is Eating Bio
Software is Eating Bio
 
Go to-market strategy for B2B SaaS companies
Go to-market strategy for B2B SaaS companiesGo to-market strategy for B2B SaaS companies
Go to-market strategy for B2B SaaS companies
 
Network Effects
Network EffectsNetwork Effects
Network Effects
 
Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)Mobile Is Eating the World (2016)
Mobile Is Eating the World (2016)
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
 

Working With Ajax Frameworks

  • 10. var Person = Class.create({ initialize: function(name) { this.name = name; }, say: function(message) { return this.name + ': ' + message; } });
  • 11. ['foo', 'bar', 'baz'] .each(function(name, index) { this[name] = index; })
  • 12. ['foo', 'bar', 'baz'] .filter(function(name, index) { return name[0] == 'b' })
  • 16. $('p') .addClass('bigpimpin') .html('WDN08FTW!') .click(function(){this.innerHTML = 'no seriously, for the win'});
  • 18. $('.parentElement').hider( { toclick: function(el){ return $('.trigger', el) }, tohide: function(el){ return $('ul', el).hide() }, effect: 'slide' } )
  • 19. 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; }); }); }
  • 23. 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);
  • 27. var Person = new Class({ initialize: function(name){ this.name = name; } });
  • 35. <style type=quot;text/cssquot;> @import quot;http://o.aolcdn.com/dojo/1.0.0/dijit/themes/tundra/tundra.cssquot;; @import quot;http://o.aolcdn.com/dojo/1.0.0/dojo/resources/dojo.cssquot; </style> <script type=quot;text/javascriptquot; src=quot;http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.jsquot; djConfig=quot;parseOnLoad: truequot;></script> <script type=quot;text/javascriptquot;> dojo.require(quot;dojo.parserquot;); dojo.require(quot;dijit.form.Buttonquot;); dojo.require(quot;dijit.Menuquot;); function call_function(choice) { console.debug(choice+quot; was clicked.quot;); } </script>
  • 36. <div dojoType=quot;dijit.form.DropDownButtonquot;> <span>Edit</span> <div dojoType=quot;dijit.Menuquot; id=quot;Editquot;> <div dojoType=quot;dijit.MenuItemquot; label=quot;Copyquot; onclick=quot;call_function('copy');quot;></div> <div dojoType=quot;dijit.MenuItemquot; label=quot;Cutquot; onclick=quot;call_function('cut');quot;></div> <div dojoType=quot;dijit.MenuItemquot; label=quot;Pastequot; onclick=quot;call_function('paste');quot;></div> </div> </div>
  • 40. $('#elementId').hide(); $('#elementId').show(); $('#elementId').toggle(); $('#elementId').slideToggle();
  • 43. new Ajax.Autocompleter( 'contact_name', 'contact_name_auto_complete', '/server/script', {});
  • 44. new YAHOO.widget.AutoComplete( quot;myInputquot;, quot;myContainerquot;, myDataSource);
  • 45. // An XHR DataSource var myServer = var mySchema = [quot;ResultItemquot;, quot;KeyDataFieldquot;]; var myDataSource = new YAHOO.widget .DS_XHR(myServer, mySchema);
  • 48. new Control.Slider('handle', 'track', { sliderValue:100000, range: $R(10000, 500000), onSlide: function(v) { SB.setBudget(v); } });
  • 52. Shadowbox.lib = { getStyle: function(el, style){ return jQuery(el).css(style); }, }