background preloader

jQuery Grid Plugin – jqGrid

jQuery Grid Plugin – jqGrid

jquery - can jqgrid support dropdowns in the toolbar filter fields DataTables (table plug-in for jQuery) Create your web calculator or web form with Excel - SpreadsheetConverter Features and benefits SpreadsheetConverter is the perfect tool for creating calculating web forms and web pages that attract attention. Instantaneous response: All calculations and validations are done immediately when the user enters new data. Everything is done in the browser. No communication with the web server.Everything is live and interacting with your visitors: The calculator or form updates dynamically when values are changed. Even the charts are live! SpreadsheetConverter is a unique product Only SpreadsheetConverter HTML works on all web servers, since we do the calculations using JavaScript. Only SpreadsheetConverter has royalty-free distribution. Fast calculation with prefabricated components Creating a calculating web page like an expense report or order form online can be very difficult. All calculations can be done in the browser, without any help from the web server. SpreadsheetConverter can also generate HTML5 web applications for iPhone and Android smartphones.

Flexigrid wiki:search_config The columns in the grid can be used as the basis for a search form to appear above, below, or in place of, the grid. Searching is a way of querying data from the server using specified criteria. Currently we do not have module for searching on local data i.e when a datatype options is set to local. All the searching is done server side. There are four approaches: a toolbar searching a custom searching a single field searching a more complex approach involving many fields and conditions - advanced searching These approaches use common options from jqGrid and so can be called only on an already-constructed grid. Every search method require that some additional module should be included into the package. All search modules (except custom searching and toolbar searching) uses the following definition from language file: As of 3.5 release jqGrid uses a common search options that can be used on every search method. The searchoptions object have the following properties:

Chosen (select) Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select <optgroup> Support Single Select with Groups Multiple Select with Groups Selected and Disabled Support Chosen automatically highlights selected options and removes disabled options. Single Select Multiple Select Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. Note: on single selects, the first element is assumed to be selected by the browser. No Results Text Support Setting the "No results" search text is as easy as passing an option when you create Chosen: Limit Selected Options in Multiselect You can easily limit how many options the user can select: Right to Left Support

Web-Based JavaScript Spreadsheet Software - dhtmlxSpreadsheet dhtmlxSpreadsheet is an open source spreadsheet widget written in JavaScript and PHP that allows you to quickly add an Excel-like, editable data table on a web page. It is also available as a plugin for WP, Joomla, etc. If you need to display data in a table and put it on the web for sharing or further editing, you might consider using online spreadsheet services. Since version 2.0, the spreadsheet supports undo/redo features, cell validation, block selection, etc. dhtmlxSpreadsheet is based on our dhtmlxGrid JavaScript component and supports the most essential features for displaying and formatting tabular data. Easy Initialization and Database Binding Adding a spreadsheet on a page can't be easier. dhtmlxSpreadsheet comes with an installer that helps you configure database settings and create a necessary database structure. When the database is configured, all you need is to add just one line of code, for example: Basic Cell Formatting and Math Functions Export to PDF and Excel Download

jQuery Gridly Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids. In the example below try tapping or dragging any of the bricks. Example Add Installation To install download one of these packages and include the jquery.gridly.js and jquery.gridly.css files in your head with the following: Setting up a gridly is easy. Copyright (c) 2013 - 2014 Kevin Sylvestre Chained AJAX Selects Martin Angelov In today’s tutorial, we will build a set of chained select elements. Selecting an option in one of them will trigger an update on the page, showing you more choices to refine your selection. We will describe the options server side with PHP, so it is easy for you to hook today’s example to a database. The idea for this tutorial was suggested by Casper Hansen from Denmark. The HTML As you can see from the screenshot below, the select box is accompanied by a title that explains what the selection is about. Chained AJAX Selects with jQuery and PHP When adding more questions, additional LIs are created by jQuery. index.html – generated code <ul id="questions"><li><p>What would you like to purchase? You might notice in the demo page that we aren’t using the default browser select controls. The jQuery code In the code, this is achieved using two JavaScript functions: You can see them below. assets/js/script.js Great! Here is a sample response from our PHP script: The PHP ajax.php / 1 Done

Formly - The form glamorizer for jQuery The form glamorizer for jQuery May 11, 2011 An unbelievably easy way to add style and validation to your forms. Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Download Formly is a light little fella. 17kb in total for the full and 14kb for the minified version. Download fullDownload minifiedGitHub How-to use It's really easy to get Formly working for you. jQuery is the only prerequisite so make sure you include it, along with Formly's source files, in the head section of your file. Now, build your form using the same standard HTML markup you've always used. Okay, now that we've built the form and have added a few commands, it's time to let Formly work it's magic. <script> $(document).ready(function() { $('#MyForm').formly(); });</script> Now that we've got the hang of it, let's stretch Formly's muscles a bit. Notice that a "validate" command does not need a "require" tag as well. Alright, now we're having fun. Returned: Documentation In closing

Accident Investigation What is an accident and why should it be investigated? The term "accident" can be defined as an unplanned event that interrupts the completion of an activity, and that may (or may not) include injury or property damage. An incident usually refers to an unexpected event that did not cause injury or damage this time but had the potential. Please note: The term incident is used in some situations and jurisdictions to cover both an "accident" and "incident". The information that follows is intended to be a general guide for supervisors or joint occupational health and safety committee members. Reasons to investigate a workplace accident include: most importantly, to find out the cause of accidents and to prevent similar accidents in the future to fulfill any legal requirements to determine the cost of an accident to determine compliance with applicable safety regulations to process workers' compensation claims Who should do the accident investigating? Why look for the root cause? Task Material

jQuery resize event With jQuery resize event, you can now bind resize event handlers to elements other than window, for super-awesome-resizing-greatness! Release v1.1Tested with jQuery 1.3.2, 1.4.1, 1.4.2 in Internet Explorer 6-8, Firefox 2-3.6, Safari 3-4, Chrome, Opera 9.6-10.1.Download Source, Minified (1.0kb)Follow the project on GitHub project page or report a bug!View Full DocumentationView Unit TestsExamples: resize Why is a plugin needed for the resize event? Long ago, the powers-that-be decided that the resize event would only fire on the browser’s window object. For all elements, an internal polling loop is started which periodically checks for element size changes and triggers the event when appropriate. What about window resizing? Because the window object has its own resize event, it doesn’t need to be provided by this plugin, and its execution can be left entirely up to the browser. A basic usage example 02. 07. 12. Known issues

Sticky - An unbelievably simple notification system for jQuery July 19, 2011 Let's face it, your users need sweet little notifications to keep them all warm and fuzzy inside. Sticky allows you to send such messages with ease, and class. Demo Let's start with some basic messages. $.sticky('<b>Can you see me? Returned: As you can see above, a bit of JSON will be returned with some potentially pertinent information. Software engineer. $('#ThrivingKings').sticky(); We can also use Sticky to display data we've grabbed via AJAX. Fetch the news Download Sticky is just a little guy. Download fullDownload minifiedGitHub Implementing Getting sticky up and running is extremely easy. Don't forget the close.png image file! Now, you're ready to get busy sending Sticky notes! <script> $(document).ready(function() { $.sticky('The page has loaded!') Or attach it to the object your choice. $('#download_status').sticky(); Manipulating The styling behind Sticky is all CSS. License Licensed under the MIT License