Table with keyboard navigation using jQuery
KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table. With KeyTable Excel style table navigation can be employed to provide features such as editing of a table without requiring a mouse. As a further bonus, KeyTable integrates seamlessly with DataTables.
How it works: the table is editable through keyboard navigation. Simply navigate to the cell you wish to edit and hit return. This initialises the excellent jEditable plug-in for jQuery – make your edit and then hit return again to save.
KeyTable using jQuery
- Share this on del.icio.us
- Digg this!
- Share this on Reddit
- Buzz up!
- Stumble upon something good? Share it on StumbleUpon
- Share this on Technorati
- Share this on Mixx
- Post this to MySpace
- Share this on Facebook
- Tweet This!
- Mark this on BlogMarks
- Tip this to TechMeme
- Submit this to Netvibes
- Submit this to Script & Style
- Share this on Blinklist
- Post this on Diigo
- Submit this to DesignFloat
- Email this to a friend?
- Suggest this article to ToMuse
- Subscribe to the comments for this post?
- Seed this on Newsvine
- Add this to Google Bookmarks
- Add this to Izeby
- Share this on Tipd
- Post this to Identica
No comments yet.
You must be logged in to post a comment.
No trackbacks yet.
Expandable box using CSS
March 8, 2010 - 1:41 am
Tags: Box, CSS, Expandable
Posted in CSS, Javascript | No Comments
In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it’s list elements. If a user increases the font size in their browser, the list will [...]
Create custom corners using jQuery
March 8, 2010 - 1:18 am
Tags: Custom Corner, jQuery
Posted in CSS, Javascript, jQuery | 3 Comments
Cornerz is a bullet proof curved corners plug-in for jQuery using Canvas/VML. Features inclue
* Anti-aliased curves.
* Fast – no excanvas.
* Support for any size radius and border width with minimal performance increase.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? Share it on StumbleUpon
Share this on Technorati
Share this on [...]
Add Auto-Complete feature to your inputbox using jQuery
March 6, 2010 - 7:35 am
Tags: Auto Complete, Input box, jQuery
Posted in CSS, jQuery | No Comments
Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering. By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list [...]
Apple.com style search suggestion using jQuery
March 6, 2010 - 7:24 am
Tags: Auto Complete, jQuery, MySQL, PHP, Search Suggestion
Posted in CSS, MySQL, PHP, jQuery | No Comments
Create a fancy apple.com-style search suggestion using jQuery/CSS/PHP. This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? Share it on StumbleUpon
Share this on Technorati
Share [...]
Convert contents of CSV file upload to table using jQuery
March 5, 2010 - 1:45 am
Tags: File Upload, jQuery, Table
Posted in jQuery | No Comments
CSVtoTable plugin loads a CSV file and converts the content of the CSV file into a table on page. You can also generate charts/sortable columns & much more table editable options using this plugin.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? Share it on StumbleUpon
Share this on Technorati
Share [...]
Fixed table header plugin using jQuery & ASP.net
Fixed Table Header is fixing header row of table without div overflow. It is fix header row of table when scroll down the page. You can use fixedtableheader plugin with ASP.NET DataGrid or GridView.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? Share it on StumbleUpon
Share this on Technorati
Share [...]
Resizable Text Area using jQuery
Create a resizable text area on your webpage using this plugin. This plugin removes the ugly scrollbar from textarea & pretty handy in creating a neat UI while allowing users to extend the textarea & paste as much content as required.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? [...]
Creating A Draggable Sitemap using jQuery
Create a simple & easy use draggable sitemap using jQuery for your website. This tutorial can be used to understand the basics of implementing a drag/drop feature using jQuery & also to extend it beyond Sitemap & use it in your web applications.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon [...]
Zoom like effects for Tabs using jQuery
Display Tabs only when a user mouse-overs the image. There’s three things that are happening in this effect:
1. When you roll over the image, it zooms out slightly to reveal more of the image.
2. The navigation slides in to view from the bottom of the box, and mousing over the link will trigger showing a [...]
Scroll your Div horizontally using jQuery
Create a horizontally scrolling div using jQuery, html, and css. This tutorial helps you in creating custom scroll bar/slider.
Resource: Sample | Tutorial
Share this on del.icio.us
Digg this!
Share this on Reddit
Buzz up!
Stumble upon something good? Share it on StumbleUpon
Share this on Technorati
Share this on Mixx
Post this to MySpace
Share this on Facebook
Tweet This!
Mark this on BlogMarks
Tip this to [...]
Subscribe to RSS Feed