Introduzione a jQuery

Sandro Marcon Project Leader e Software Engineer presso il CTI di ELECTROLUX www.1nn0va.net [email_address] Sede Legale: Via Monte Coglians, 8 – PORCIA – (PN) Codice fiscale: 91068510931

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Cos’è? (1) ,[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Cos’è? (2 - http://jquery.com/ ) ,[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Perché? (1 - Considerazioni) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Perché? (2 - Considerazioni) ,[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Perché? (Conclusioni) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

jQuery e ASP.Net (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

jQuery e ASP.Net (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address] Markup: < asp : TextBox ID ="txtEcho2" runat ="server" Width ="65%" ClientIDMode ="Static" /> Rendering: < input id ="txtEcho2" style =" width : 65%" name ="ctl00$MasterPageBody$ctl00$txtEcho2" />

CDN (Content Delivery Network) (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address] < script type ="text/javascript" src ="***" />

CDN (Content Delivery Network) (2) ,[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address] < script type ="text/javascript"> google.load( "jquery" , "1.4.2" ); google.load( "jqueryui" , "1.8.0" ); google.load( "prototype" , "1.6.1.0" ); google.load( "scriptaculous" , "1.8.3" ); google.load( "mootools" , "1.2.4" ); google.load( "dojo" , "1.4.1" ); google.load( "yui" , "2.8.0r4" ); google.load( "ext-core" , "3.1.0" ); </ script >

I selettori: il cuore di jQuery ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address] < script type ="text/javascript"> $( "#myId01" ); $( ".myCssClass01" ); </ script >

I selettori: esempi ,[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

I selettori: filtri ,[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Filtri: esempi ,[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Insiemi/collezioni ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Insiemi/collezioni: esempi ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Tutorial & Demo ,[object Object],www.1nn0va.net [email_address] Sandro Marcon [email_address]

Da dove si parte (1) www.1nn0va.net [email_address] Sandro Marcon [email_address] ,[object Object],< script type ="text/javascript"> $(document).ready( function () { alert( 'We are ready!!!' ); }); $( function () { alert( 'We are ready!!!' ); }); $(document).bind( "ready" , function () { // Fare attenzione! alert( 'We are ready!!!' ); }); </ script >

Da dove si parte (2) www.1nn0va.net [email_address] Sandro Marcon [email_address] ,[object Object],[object Object],[object Object],[object Object],[object Object]

Events binding (1) www.1nn0va.net [email_address] Sandro Marcon [email_address] ,[object Object],< script type ="text/javascript"> $( 'ul' ).click( function (e) { if ($(e.target).is( 'a' )) { alert( 'clicked' ); } }); </ script > < script type ="text/javascript"> $(selettore).bind(evento, function () { }) </ script >

Events binding (2) www.1nn0va.net [email_address] Sandro Marcon [email_address] ,[object Object],[object Object]

AJAX www.1nn0va.net [email_address] Sandro Marcon [email_address] ,[object Object],[object Object],[object Object],< script type ="text/javascript"> $.ajax({ url: 'ajax/test.html' , success: function (data, textStatus, XMLHttpRequest) { $( '.result' ).html(data); alert( 'Load was performed.' ); } error: function (XMLHttpRequest, textStatus, errorThrown) { alert( 'Error!' ); } }); </ script >

AJAX – Esempi (1) www.1nn0va.net [email_address] Sandro Marcon [email_address] < script type ="text/javascript"> $.ajax({ url: 'ajax/test.html' , success: function (data) { $( '.result' ).html(data); alert( 'Load was performed.' ); } }); </ script > < script type ="text/javascript"> $.ajax({ url: "test.html" , cache: false , success: function (html) { $( "#results" ).append(html); } }); </ script >

AJAX – Esempi (2) www.1nn0va.net [email_address] Sandro Marcon [email_address] < script type ="text/javascript"> $.post( "xml.cgi" , { name: "John" }, function (xml) { var text = $( "title" , xml).text(); $( "div#dxml" ).html( "<h2>" + text + "</h2>" ); }); </ script > ,[object Object],[object Object],< script type ="text/javascript"> $. get ( "ajax-test.txt" , function (txt) { $( "div#txt" ).html( "<h1>" + txt + "</h1>" ); }); </ script >

Web-services www.1nn0va.net [email_address] Sandro Marcon [email_address] ,[object Object],[object Object],[object Object],[object Object]

Di cosa non si è parlato www.1nn0va.net [email_address] Sandro Marcon [email_address] ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

CONTATTI: http://sandromark78.it [email_address] http://delicious.com/sandromark78 Sede Legale: Via Monte Coglians, 8 – PORCIA – (PN) Codice fiscale: 91068510931 www.1nn0va.net [email_address]

Introduzione a jQuery

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Introduzione a jQuery

Similaire à Introduzione a jQuery (20)

Dernier

Dernier (6)

Introduzione a jQuery