https://skysigal.com/ 2026-06-21T10:31:18+00:00 https://skysigal.com/ https://skysigal.com/lib/tpl/bootstrap3/images/favicon.ico text/html 2023-11-04T03:25:53+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/ajax?rev=1699068353&do=diff IT:AD:JScript:Libs:JQuery:Ajax * (UP) jquery index ## TODO: Review ## * CodeProject There are several overlapping technologies. Each one with a merit. * Straight JQuery POSTs + MVC Backend returning JSON returns * JQuery POSTs of JSON + Mvc Backend returning JSON responses text/html 2023-11-04T03:25:53+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/attributes?rev=1699068353&do=diff IT:AD:JQuery:Attributes * (UP) jquery index ---------- Summary Once you have something selected, you’ll probably want to apply attributes, styles, or css classes. Let’s start with attributes: var hasAttribute ($('div').attr('mySpecial'); //Set it: $('div').attr('mySpecial','x'); //Remove it: $('div').attr('mySpecial', ''); text/html 2023-11-04T03:25:54+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/cookies?rev=1699068354&do=diff IT:AD:JQuery:Cookies * (UP) jquery index ---------- Prerequisites JQuery.Cookie library Examples Set: $.cookie("example", "foo", { expires: 7, path: '/' }); $.cookie("example", "foo", { expires: 7, path: '/admin' }); // Creating cookie with all availabl options $.cookie('myCookie2', 'myValue2', { expires:7, path: '/', domain:'example.com', secure:true }); text/html 2023-11-04T22:27:58+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/demos?rev=1699136878&do=diff Test... <script type="text/javascript" > jQuery(function(){ jQuery( "#datepicker" ).datepicker(); }); </script> </head> <p>Date: <input type="text" id="datepicker" /></p> </script> text/html 2023-11-04T22:27:58+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/events?rev=1699136878&do=diff IT:AD:JQuery:Events * (UP) jquery index ---------- Page Events To setup the page, you generally want to hook into the page load event, after everything is ready: //Handle the document ready event: $(document).ready(function() { //Search for all 'p' elements, //attach an click event handler //that hide's the elements: $("p").click(function() { $(this).hide(); }); text/html 2023-11-04T03:25:55+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/home?rev=1699068355&do=diff IT:AD:JQuery * (UP) jquery index * IT:AD:JQuery:HowTo * IT:AD:JScript:Libs * IT:AD:JScript:Include * IT:AD:JQuery:Events * IT:AD:JQuery:Selectors * IT:AD:JQuery:Attributes * IT:AD:JQuery:Styles * IT:AD:JScript:Libs:JQuery:Ajax * IT:AD:JQuery:Amimations * IT:AD:JScript:Libs:JQuery:UI * Clear a Form * IT:AD:JQuery:Forms:Checkboxes * IT:AD:JQuery:Xml * IT:AD:JScript:Libs:JQuery:Widgets * * * * See also: * IT:AD:Sizzle.JS ---------- * Get Better:25 Tips * Get Better:2… text/html 2023-11-04T22:27:59+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/maskedinput?rev=1699136879&do=diff Installation <http://code.google.com/p/jquery-joshbush/downloads/detail?name=jquery.maskedinput-1.2.2.min.js> Usage $(".account").mask("99-9999-99999999-99"); Examples http://digitalbush.com/projects/masked-input-plugin/ Comments What I miss is the ability to embed the attributes directly in the element being given behavior. text/html 2023-11-04T22:27:59+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/plugins_file_upload?rev=1699136879&do=diff * See: * <http://blueimp.github.io/jQuery-File-Upload/> * <http://stackoverflow.com/questions/8814068/jquery-file-upload-ie-done-callback-data-result-issue> text/html 2023-11-04T22:28:01+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/repeater?rev=1699136881&do=diff http/www.codeproject.com/Articles/285755/30-Minutes-To-Grasp-ASP-NET-jQuery-Repeater text/html 2023-11-04T03:25:56+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/selectors?rev=1699068356&do=diff IT:AD:JQuery:Selectors * (UP) jquery index ---------- ## The usual suspects ## Most of the selector syntax is pretty straight forward -- although with checked, and disabled, things go pear shape, and a lot of forum posts are created for them. Here's how they do text/html 2023-11-04T03:25:56+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/styles?rev=1699068356&do=diff IT:AD:JQuery:Styles * (UP) jquery index ---------- Summary Once you have something selected, and you want to apply styles, these examples may help: //CSS //Once you have elements, you're most probably moves are going to be to check/add/remove css classes: //Add or remove a class: var hoverable = $('div').hasClass('hoverable'); $('div').hover(function(){$(this).addClass('hovered');},function(){$(this).removeClass('hovered');}); $('div').hover(function () { $(this).css('background-color','o… text/html 2023-11-04T22:28:01+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/templates?rev=1699136881&do=diff IT:AD:JScript:Libs:JQuery:Templates * (UP) jquery index ---------- * Superceded by IT:AD:JScript:Libs:JQuery:JSRender Example <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="noindex" /> <title>Template Test</title> <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script> <script src="jquery.tmpl.js" type="text/javascript"></script> <script type="text/javascr… text/html 2023-11-04T03:25:57+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/widgets?rev=1699068357&do=diff IT:AD:JScript:Libs:JQuery:Widgets * (UP) jquery index Resources * http://bililite.com/blog/extending-jquery-ui-widgets/ * http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial/ * http://wiki.jqueryui.com/w/page/12138135/Widget%20factory text/html 2023-11-04T03:25:58+00:00 Anonymous (anonymous@undisclosed.example.com) https://skysigal.com/it/ad/jquery/xml?rev=1699068358&do=diff IT:AD:JQuery:Xml * (UP) jquery index ---------- Example As a callback of an Ajax Post, with the dataType set to Xml: function parseXml(xml) { //find every Tutorial and print the author $(xml).find("Tutorial").each(function() { $("#output").append($(this).attr("id") + "<br />"); $("#output").append($(this).find("author").text() + "<br />"); }); }