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 NASA Earth Observatory 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.

Dataflow Diagram for illustrating notation The dataflow diagram above is taken from the Acme Fashion feasibility study. It's the top level (aka level 1) current physical version. It's a good enough basis to describe the notation used in DFDs, though doesn't show every variant (see Dataflow Diagram Variants later on the page) of each symbol in use. Enclosing box The enclosing box represents the scope of the area under study on this DFD. For the top level DFD, as shown here, in the boxed-off area at the top goes the project name or some derivative of it and the DFD variant (i.e. External Entities External entities represent people, IT systems, or other organisations that are external to the system under study and are the source / recipient of data. Note that if an external entity is an IT system, then you're talking about some form of interface, maybe manual, maybe automated. To help stop the confusion caused by crossing lines on the diagram, it often helps to use the same external entity more than once. Processes Making up the numbers

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:

43 Folders Series: Inbox Zero These are posts from a special 43 Folders series looking at the skills, tools, and attitude needed to empty your email inbox — and then keep it that way. You can visit each of the posts by clicking the title. And don’t miss the “Related Articles” for our all-time popular posts on productively dealing with email. Looking for the Inbox Zero video? The full 1-hour video for Merlin’s Inbox Zero presentation at Google is available for free down here — or check out this post about the video and slideshow. Posts in the Inbox Zero series 43F Series: Inbox Zero [Introduction] - “Clearly, the problem of email overload is taking a toll on all our time, productivity, and sanity, mainly because most of us lack a cohesive system for processing our messages and converting them into appropriate actions as quickly as possible.”Inbox Zero: Articles of faith - “When I first suggested the email DMZ and said there was a way to get your inbox to zero in 20 minutes, I wasn’t lying. Related articles

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