working with ajax frameworks 1202005455487906 4

8/6/2019 Working With Ajax Frameworks 1202005455487906 4

1/54


2/54


3/54


4/54


5/54


6/54


7/54


8/54


9/54


10/54

var Person = Class.create({

initialize: function(name) {

this.name = name; },

say: function(message) {return this.name + ': ' + message; }

});


11/54

['foo', 'bar', 'baz']

.each(function(name, index) {

this[name] = index; })


12/54

['foo', 'bar', 'baz']

.filter(function(name, index) {

return name[0] == 'b' })


13/54

$A(document.getElementsByTagName('p')).each(

function(el){el.className = 'bigpimpin'}

)


14/54


15/54


16/54

$('p')

.addClass('bigpimpin')

.html('WDN08FTW!')

.click(function(){this.innerHTML = 'noseriously, for the win'});


17/54

jQuery.fn.newMethod = function(){

return this;

};


18/54

$('.parentElement').hider(

{

toclick: function(el){

return $('.trigger', el) },tohide: function(el){

return $('ul', el).hide() },

effect: 'slide'

}

)


19/54

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;});

});

}


20/54


21/54


22/54


23/54

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);


24/54


25/54


26/54


27/54

var Person = new Class({

initialize: function(name){

this.name = name; }

});


28/54


29/54


30/54


31/54


32/54


33/54


34/54


35/54

@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"

dojo.require("dojo.parser");

dojo.require("dijit.form.Button");

dojo.require("dijit.Menu");

function call_function(choice) {

console.debug(choice+" was clicked.");

}


36/54

Edit


37/54


38/54


39/54

$('elementId').hide();

$('elementId').show();


40/54

$('#elementId').hide();

$('#elementId').show();

$('#elementId').toggle();

$('#elementId').slideToggle();


41/54

new Effect.toggle(

$('elementID'),'blind')


42/54


43/54

new Ajax.Autocompleter(

'contact_name',

'contact_name_auto_complete',

'/server/script', {});


44/54

new YAHOO.widget.AutoComplete(

"myInput",

"myContainer",

myDataSource);


45/54

// An XHR DataSource

var myServer =

var mySchema = ["ResultItem",

"KeyDataField"];

var myDataSource = new YAHOO.widget

.DS_XHR(myServer, mySchema);


46/54


47/54


48/54

new Control.Slider('handle',

'track', {

sliderValue:100000,

range: $R(10000, 500000),

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

});


49/54


50/54


51/54


52/54

Shadowbox.lib = {

getStyle: function(el, style){

return jQuery(el).css(style);

},

}


53/54


54/54

working with ajax frameworks 1202005455487906 4

Documents