@@ -1,5 +1,10 @@ *1.0.2* (Not Released) + - The deleteHandler now works as expected. Turns out "delete" is a reserved + word in JavaScript, so the internal delete function was renamed to destroy. + Also added listeners for the standard delete key code as well as Safari's + crazy delete key code. + - *1.0.1* (November 27th, 2007) CHANGES @@ -37,6 +37,10 @@ openHandler : function(element) { alert('opening') + }, + + deleteHandler : function(element) { + alert('No deleteHandler defined!') } } examples/files/index.html @@ -8,7 +8,7 @@ </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="stylesheets/gallery.css" type="text/css" /> - <script src="/mint/?js" type="text/javascript"></script> + <script src="/mint/?js" type="text/javascript"></script> <script src="../../javascripts/prototype.js" type="text/javascript"></script> <script src="../../javascripts/effects.js" type="text/javascript"></script> <script src="../../javascripts/matrixview.js" type="text/javascript"></script> @@ -38,6 +38,10 @@ openHandler : function(element) { alert('No openHandler defined!') + }, + + deleteHandler : function(element) { + alert('No deleteHandler defined!') } } examples/gallery/index.html @@ -8,32 +8,31 @@ </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="stylesheets/default.css" type="text/css" /> - <script src="/mint/?js" type="text/javascript"></script> - <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> - <script type="text/javascript"> - _uacct = "UA-305304-3"; - urchinTracker(); - </script> + <script src="/mint/?js" type="text/javascript"></script> </head> <body> <div id="header"> <h1> - MatrixView <span style="color: #ccc; font-weight: normal; font-size: smaller">for Prototype</span> + MatrixView + <span style="color: #ccc; font-weight: normal; font-size: smaller">for Prototype</span> </h1> </div> <div id="main"> <p> - MatrixView is a JavaScript library that enables web application developers to easily and unobtrusively add rich - functionality to standard HTML unordered lists, such as keyboard navigation and mouse selection. It is great - for enhancing photo galleries, file browsers, and more! MatrixView is written for use with the Prototype - framework. + MatrixView is a JavaScript library that enables web application + developers to easily and unobtrusively add rich functionality to + standard HTML unordered lists, such as keyboard navigation and mouse + selection. It is great for enhancing photo galleries, file browsers, + and more! MatrixView is written for use with the Prototype framework. </p> <p> <em> - MatrixView is released under the <a href="http://opensource.org/licenses/mit-license.php">MIT License</a>. + MatrixView is released under the + <a href="http://opensource.org/licenses/mit-license.php">MIT + License</a>. </em> </p> @@ -44,30 +43,34 @@ <li> <strong>Unobtrusive Design</strong><br /> <span style="color: #666; font-size: smaller"> - MatrixView stays out of your way so you can focus on what's important. Just point it at a standard - unordered list and MatrixView takes care of the rest! + MatrixView stays out of your way so you can focus on what's + important. Just point it at a standard unordered list and + MatrixView takes care of the rest! </span> </li> <li> <strong>Callback Support</strong><br /> <span style="color: #666; font-size: smaller"> - Define custom callbacks/handlers for various events within the matrix view, such as opening or removing an - object. + Define custom callbacks/handlers for various events within the + matrix view, such as opening or removing an object. </span> </li> <li> <strong>Object Selection with Keyboard/Mouse</strong><br /> <span style="color: #666; font-size: smaller"> - Handles selection of one or more objects using your keyboard and mouse. Click to select, double-click to - open, combine clicks and keyboard navigation to expand selection with shift+click and shift+arrows. Also - supports common keyboard shortcuts, such as Ctrl+A to select all objects, enter to open, and - backspace/delete for deletion. + Handles selection of one or more objects using your keyboard and + mouse. Click to select, double-click to open, combine clicks and + keyboard navigation to expand selection with shift+click and + shift+arrows. Also supports common keyboard shortcuts, such as + Ctrl+A to select all objects, enter to open, and backspace/delete + for deletion. </span> </li> <li> <strong>Keyboard Navigation</strong><br /> <span style="color: #666; font-size: smaller"> - Allows you to navigate the matrix using the arrow keys and other shortcuts on your keyboard. + Allows you to navigate the matrix using the arrow keys and other + shortcuts on your keyboard. </span> </li> </ul> @@ -99,11 +102,13 @@ <ul> <li> <a href="examples/gallery">Photo Gallery</a><br /> - Demonstrates how the MatrixView might be used in a photo gallery situation. + Demonstrates how the MatrixView might be used in a photo gallery + situation. </li> <li> <a href="examples/files">File Browser</a><br /> - Demonstrates how the MatrixView might be used in a file browser situation. + Demonstrates how the MatrixView might be used in a file browser + situation. </li> </ul> @@ -114,28 +119,49 @@ MatrixView requires <a href="http://www.prototypejs.org/">Prototype</a> 1.6 (or later). </p> <ul> - <li><a href="releases/matrixview-1.0.1.zip">matrixview-1.0.1.zip</a> — Library, Examples, Documentation</li> - <li><a href="javascripts/matrixview.js">matrixview.js</a> — JavaScript Library</li> + <li> + <a href="releases/matrixview-1.0.1.zip">matrixview-1.0.1.zip</a> + — Library, Examples, Documentation + </li> + <li> + <a href="javascripts/matrixview.js">matrixview.js</a> + — JavaScript Library + </li> </ul> <p> - You may also checkout the source code from Subversion at <code>http://code.aspect.net/public</code> or <a href="http://public.code.aspect.net/browser/matrixview">browse the source code</a>. + You may also checkout the source code from Subversion at + <code>http://code.aspect.net/public/matrixview</code> or + <a href="http://public.code.aspect.net/browser/matrixview">browse the + source code</a>. </p> <h2 style="background-image: url('images/history.png')"> Release History </h2> <h3> + Version 1.0.2 — Not Released + </h3> + <ul> + <li> + The deleteHandler now works as expected. Turns out "delete" is a + reserved word in JavaScript, so the internal delete function was + renamed to destroy. Also added listeners for the standard delete key + code as well as Safari's crazy delete key code. + </li> + </ul> + <h3> Version 1.0.1 — November 27th, 2007 </h3> <ul> <li> - Fixed an issue with the examples and documentation that prevented Internet - Explorer from initializing the MatrixView. + Fixed an issue with the examples and documentation that prevented + Internet Explorer from initializing the MatrixView. </li> <li> - Replaced the images that were being used in the Photo Gallery example, as - the ones used previously are no longer covered under a Creative Commons - license. This change was also retroactively applied to the 1.0.0 package. + Replaced the images that were being used in the Photo Gallery + example, as the ones used previously are no longer covered under a + Creative Commons license. This change was also retroactively applied + to the 1.0.0 package. </li> </ul> <h3> @@ -149,17 +175,25 @@ Development Roadmap </h2> <p> - The following is a tentative agenda for future development of MatrixView. If you have any feature requests or - suggestions, please <a href="mailto:justin@aspect.net">contact me</a>. Additionally, if you are - interested in contributing enhancements to MatrixView, please feel free to submit patches or contact me to - request repository write access. + The following is a tentative agenda for future development of + MatrixView. If you have any feature requests or suggestions, please <a + href="mailto:justin@aspect.net">contact me</a>. Additionally, if you + are interested in contributing enhancements to MatrixView, please feel + free to submit patches or contact me to request possible repository + access. </p> <p> <strong>Version 1.1</strong> <ul> - <li>Support multiple MatrixView's per page</li> - <li>Improve support for the iPhone (disable selection support, etc)</li> - <li>General cleanups and better code abstraction</li> + <li> + Support multiple MatrixView's per page + </li> + <li> + Improve support for the iPhone (disable selection support, etc) + </li> + <li> + General cleanups and better code abstraction + </li> </ul> </p> <p> @@ -200,7 +234,7 @@ Options </h3> <p> - The MatrixView has a number of options that can be set at the time of initialization. + MatrixView has a number of options that can be set at the time of initialization. </p> <table id="options"> index.html @@ -95,11 +95,10 @@ MatrixView.prototype = { if (window.matrixView.selectedItems.size() == 1) window.matrixView.open(window.matrixView.selectedItems.first()) } - if (event.keyCode == Event.KEY_BACKSPACE) // Delete/Backspace + if (event.keyCode == Event.KEY_BACKSPACE || event.keyCode == Event.KEY_DELETE || event.keyCode == 63272) // Delete/Backspace { - // FIXME delete is a reserved word, need to rename this - // window.matrixView.delete(window.matrixView.selectedItems) - // event.stop() + window.matrixView.destroy(window.matrixView.selectedItems) + event.stop() } if (event.keyCode == Event.KEY_LEFT || event.keyCode == 63234) // Left Arrow window.matrixView.moveLeft(event) @@ -252,12 +251,12 @@ MatrixView.prototype = { this.openHandler(element) }, - // delete: function(elements) - // { - // // If a custom open handler has been defined, call it - // if (this.deleteHandler != null) - // this.deleteHandler(elements) - // }, + destroy: function(elements) + { + // If a custom open handler has been defined, call it + if (this.deleteHandler != null) + this.deleteHandler(elements) + }, selectAll: function() { javascripts/matrixview.js @@ -1,9 +1,5 @@ body { -/* margin-left: auto; - margin-right: auto; - width: 800px; -*/ margin: 0px; } stylesheets/default.css 4a7d561d59a621e245171cfe349539cbb3780e99 Justin Mecham justin@mecham.net http://github.com/jsmecham/matrixview/commit/74d99409e85b2f207b7433508e9c6bb782bba52b 74d99409e85b2f207b7433508e9c6bb782bba52b

2007-12-04T07:39:02-08:00

The deleteHandler now works as expected. Turns out "delete" is a reserved word in JavaScript, so the internal delete function was renamed to destroy. Also added listeners for the standard delete key code as well as Safari's crazy delete key code. 4ccf32cb64cdcd5b90421be33c3c07e4951cd4b4 Justin Mecham justin@mecham.net