background preloader

Ext JS - Client-side JavaScript Framework

Ext JS - Client-side JavaScript Framework

extsharp - Google Code I really love Ext but coding in javascript just gives me the chills. So I went out and found a way to use my favorite js library (Ext) and my favorite programming language (C#) at the same time. By using a project called Script# I am able to write C# code and have it converted into javascript, similar to GWT. Building on that, Script# also allows you to code against external APIs, but you need to create the types, methods, properties, etc. for everything in the javascript library. This forum post has somewhat of a history of how this project began: We have changed Ext# to now parse the newly released ExtJS 2.1 and we've begun recreating some of the samples using Ext#. Grids Basic Array Grid Editable Grid XML Grid Paging Grid Grouping Grid Toolbars and Menus Basic Toolbar Ext Actions Miscellaneous Data View (partial) Progress Bar Templates Panels Resizable A big thanks to consultutah for all of his help creating these samples. Intellisense

jQuery: The Write Less, Do More, JavaScript Library jquery-checktree - Google Code Overview CheckTree is a jQuery plugin, written for jQuery 1.2.6, that allows you to easily turn a standard ordered list into hierarchical tree that is both check-able and collapse-able. It, like jQuery, is licensed under either the GPL or MIT license. Copyright (C) 2012 JJ Geewax Updates 19-Jun-2009 I saw a fork of CheckTree by ycTIN that looked to be much faster. I can't really say for sure whether it is fully backwards compatible and bug free, so use at your own risk. jQuery Dirty Forms, Save your users from losing their data Dirty Forms is a flexible jQuery plugin to help prevent users from losing data when editing forms. Dirty Forms will alert a user when they attempt to leave a page without submitting a form they have entered data into. It alerts them in a modal popup box, and also falls back to the browser’s default onBeforeUnload handler for events outside the scope of the document such as, but not limited to, page refreshes and browser navigation buttons. Oh, and it’s pretty easy to use. For best results use in conjunction with livequery (by Brandon Aaron) Example Try editing the input below, then clicking a link anywhere on this page or click the Am I Dirty? Want more? Download Download it at GitHub: But Aren’t There Other Plugins Like This? Existing solutions were not flexible enough, so I wrote this to make sure that all of our use cases at Learnable would be supported. The entire modal / dialog functionality can easily be swapped out, it uses facebox by default.

Tutorials:How jQuery Works - jQuery JavaScript ... This is a basic tutorial, designed to help you get started using jQuery. If you don't have a test page setup yet, start by creating the following HTML page: The src attribute in the <script> element must point to a copy of jQuery. Download a copy of jQuery from the Downloading jQuery page and store the jquery.js file in the same directory as your HTML file. Note: When you download jQuery, the file name may contain a version number, e.g., jquery-x.y.z.js. To ensure that their code runs after the browser finishes loading the document, many JavaScript programmers wrap their code in an onload function: Unfortunately, the code doesn't run until all images are finished downloading, including banner ads. Note: The jQuery library exposes its methods and properties via two properties of the window object called jQuery and $. $ is simply an alias for jQuery and it's often employed because it's shorter and faster to write. For example, inside the ready event, you can add a click handler to the link:

jquery-option-tree - Google Code This jquery plugin converts passed JSON option tree into dynamically created <select> elements allowing you to choose one nested option from the tree. It should be attached to a (most likely hidden) <input> element. It requires an option tree object. Object property names become labels of created select elements, each non-leaf node in the tree contains other nodes. Leaf nodes contain one value - it will be inserted into attached <input> element when chosen. The plugin also supports loading additional levels via AJAX calls and preselecting given items at load. $('input[type=hidden].nested').optionTree(option_tree); It will display a select element with three options: "Choose When client finally chooses a leaf option ("Suboption", "Subsub X" in the example), its value (represented by numbers here) is assigned to selected <input> element and its change() event is triggered. Plugin accepts config object as 2nd parameter. $('input.nested').optionTree(option_tree, config);

Jquery Wizard Plugin » Worcester Web Site Devel... After looking for a jquery plugin that will emulate a windows wizard I decided to make my own (with the help of cody lindley’s css step menu). I am using Jquery which can be found here and css step menu found here. The code: First we need a simple javascript function will hide and display a div, this method is used with jquery and you can learn how to use this here function loadnext(divout,divin){$("." + divout).hide();$("." + divin).fadeIn("slow");} Next the html code, notice how each step is wrapped in the ID wizardwrapper and each div is assigned a class for the corresponding step number. Step 1 Step 1: XXXXXXXXEt nequ a quam turpis duisi Step 2: XXXXXXXXEt nequ a quam turpis duisi Step 3: XXXXXXXXEt nequ a quam turpis duisi Step 4: XXXXXXXXEt nequ a quam turpis duisiStep 5: XXXXXXXX Et nequ a quam turpis duisi Step 2 Step 3 Step 4 Step 5 A Demo of the wizard

A Plugin Development Pattern » Learning jQuery ... I've been developing jQuery plugins for quite a while now, and I've become rather comfortable with a particular style of plugin development for my scripts. This article is meant to share the pattern that I've found especially useful for plugin authoring. It assumes you already have an understanding of plugin development for jQuery; if you're a novice plugin author, please review the jQuery Authoring Guidelines first. There are a few requirements that I feel this pattern handles nicely: Claim only a single name in the jQuery namespace Accept an options argument to control plugin behavior Provide public access to default plugin settings Provide public access to secondary functions (as applicable) Keep private functions private Support the Metadata Plugin I'll cover these requirements one by one, and as we work through them we'll build a simple plugin which highlights text. Claim only a single name in the jQuery namespace This implies a single-plugin script. JavaScript: Putting it All Together

Native JSON Parsing: What does it mean? - Rick Strahl&#039;s Web Log JSON support is part of the EcmaScript 3.1 standard and so is likely to become ubiquitous in all browsers going forward. Internet Explorer 8 now includes native JSON parsing. FireFox 3.5 and the next version of WebKit/Safari too have or shortly will have native JSON support inside of the browser. This is good news as it helps simplify a common task for AJAX applications that send data back and forth between clients. You can check out the native JSON support today: Internet Explorer 8 FireFox 3.1 Beta 3 (new FF 3.5 Beta 4 expected next week) Native JSON Support finally – sort of IE 8 is the first shipping browser with native JSON support. The native JSON object is based on Douglas Crockford’s JSON2 interface, which provides .stringify() and .parse() methods to encode and decode JSON data respectively. So, using either Crockford’s json2.js or the native JSON object you can do: Those pesky Dates – Still! One prickly issue with JSON parsing in general is date parsing and serialization.