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.
jQuery HTML Table Toolbox Apr 13 2010 By Paul Andrew In the 15 years since the HTML table element was first incorporated into HTML 2.0, it has been on a constant roller coaster ride. Upon its introduction it was a revelation, it was a new way for web designers to present detailed data in structured tabular format, it made our life easier and we loved it. But as is the nature of web development, it was pushed further and further to do even more. But that is were the love story ends and its bad rep begins.Using the table element for web layouts proved to be hard to modify, obtrusive and, more importantly, it caused major accessibility and usabilty problems. Out of the box the tables are very, very bland, reasonably hard to style, its very difficult to display complex data effectively and you are limited to its basic functionality. In this article we present a collection of jQuery plugins and tutorials to help you get more out of your HTML tables. It’s time to follow in love with HTML tables all over again!
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
50 jQuery Tools for Awesome Websites By now, everyone has heard of jQuery. It’s a framework that makes JavaScript development much easier, and has become massively popular for adding JavaScript functionality to websites. In this post, we’ve picked out 50 of the best scripts we know of and talked about why they rock. Editors These first tools don’t use jQuery themselves, instead, they’re editors to help you write and edit your own jQuery scripts. 1. Aptana Studio is a tool built for making great websites and webapps. 2. Komodo Edit is an open source editor that provides features such as auto complete, call tips (CSS, HTML, JavaScript, Perl, PHP, Python, Ruby, Tcl, XML and XSLT), multi-language file support, syntax coloring, syntax checking, Vi emulation, Emacs key bindings and more. 3. Spket IDE provides features like code completion, syntax highlighting etc. to help developers create efficient JavaScript code productively. Navigation 4. Coda-slider JQuery plugin, which was published first in September 2007. 6. Forms 10 . 11.
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
jsTree » Home 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