0byt3m1n1
Path:
/
data
/
applications
/
aps
/
tikiwiki
/
3.2.0-5
/
standard
/
htdocs
/
lib
/
jquery
/
jquery.sheet
/
[
Home
]
File: documentation.html
<table id="jSheet" class="jSheet" style="width: 1895px;" sheettitle="" border="1"> <colgroup> <col style="width: 309px;" width="309"><col style="width: 283px;" width="283"> <col style="width: 383px;" width="383"> <col style="width: 367px;" width="367"> <col style="width: 312px;" width="312"><col style="width: 120px;" width="120"><col style="width: 120px;" width="120"> </colgroup> <tbody> <tr style="height: 50px;"> <td class="" colspan="3">Spreadsheet functions are case sensitive. They must be either lower or upper (ABS(), abs(); AVERAGE(), average();), you can't user<br>proper name (Abs(), Avg(), Hyperlink()) they will not work.</td> <td class="styleHidden"></td> <td class="styleHidden"></td> <td class=""></td> <td class=""></td> <td class=""></td> <td class=""></td> </tr> <tr style="height: 25px;"> <td class="styleBold styleCenter">Excel Function</td><td class="styleBold styleCenter">Arguments</td> <td class="styleBold styleCenter">Example</td> <td style="" class="styleBold styleCenter">Result</td> <td class="styleBold styleCenter"> Additional Information </td><td class="styleBold styleCenter">Sample #</td><td class="styleBold styleCenter">Sample Text</td></tr> <tr style="height: 25px;"> <td class=""> ABS </td><td formula="=G9" class="">number</td> <td class="">"=ABS(F3)"</td> <td formula="=ABS(F3)" class="">23</td> <td class=""> </td><td class="">23</td><td class="">Hello World</td></tr> <tr style="height: 25px;"> <td class=""> AVERAGE </td><td formula="=G10" class="">numbers_as_array</td> <td class="">"=AVERAGE(F3:F13)"</td> <td class="" formula="=AVERAGE(F3:F13)">144.45454545454547</td> <td class=""> Synonym: AVG </td><td class="">45</td><td class="">True</td></tr> <tr style="height: 25px;"> <td class="">CEILING</td><td formula="=G9" class="">number</td> <td class="">"=CEILING(F3:F13)"</td> <td class="" formula="=CEILING(F3:F13)">2.345621082003618e+23</td> <td class=""></td><td class="">62</td><td class="">False</td></tr> <tr style="height: 25px;"> <td class="">COUNT</td><td formula="=G11" class="">values_as_array</td> <td class="">"=COUNT(F2:F13)"</td> <td class="" formula="=COUNT(F2:F13)">12</td> <td class=""> </td><td class="">108</td><td class="">To High</td></tr> <tr style="height: 25px;"> <td class="">DAYSFROM</td><td formula="=G12" class="">date</td> <td class="">"=DAYSFROM(2009,4,15)"</td> <td class="" formula="=DAYSFROM(2009,4,15)">-108</td> <td class=""> </td><td class="">200</td><td class="">To Low</td></tr> <tr style="height: 25px;"> <td class="">DOLLAR</td><td formula="=G9" class="">number</td> <td class="">"=DOLLAR(F13)"</td> <td formula="=DOLLAR(F13)" class="">-$100.00</td> <td class=""> </td><td class="">36</td><td class="">Perfect</td></tr> <tr style="height: 25px;"> <td class=""> FALSE </td><td class=""></td> <td class="">"=IF(F3 < 100, TRUE(), FALSE())"</td> <td class="" formula="=IF(F3 < 100, TRUE(), FALSE())">true</td> <td class=""> </td><td class="">17</td><td class="">number</td></tr> <tr style="height: 25px;"> <td class="">FIXED</td><td class="">number, decimals, noCommas?</td> <td class="">"=FIXED(F3+F13)"</td> <td class="" formula="=FIXED(F3+F13)">-77.00</td> <td class=""> Two decimal places </td><td class="">99</td><td class="">numbers_as_array</td></tr> <tr style="height: 25px;"> <td class="">FLOOR</td><td formula="=G9" class="">number</td> <td class="">"=FLOOR(F3-F4)"</td> <td class="" formula="=FLOOR(F3-F4)">-22</td> <td class=""> Synonym: INT </td><td class="">100</td><td class="">values_as_array</td></tr><tr style="height: 77px;"> <td class="">HTML</td><td formula="=G13" class="">html_as_string</td> <td class="">"=HTML("<div style='color: red; weight: bold;'>Hello World!!!</div>")"</td> <td formula="=HTML("<div style='color: red; weight: bold;'>Hello World!!!</div>")" class=""><div style="color: red;">Hello World!!!</div></td> <td class="">The value sent to the HTML function must<br>start and end with double quotes (""). All <br>element values must have single quotes <br>('').</td><td class="">999</td><td class="">date</td></tr><tr style="height: 26px;"> <td class="">HYPERLINK</td><td formula="=G14" class="">url_as_string</td> <td class="">"=HYPERLINK("http://www.jquery.com", "jQuery's website")"</td> <td class="" formula="=HYPERLINK("http://www.jquery.com", "jQuery's website")"><a href="http://www.jquery.com" target="_new">jQuery's website</a></td> <td class=""></td><td class="">-100</td><td class="">html_as_string</td></tr> <tr style="height: 58px;"> <td class="">IF</td><td class="">IF(logical_test, value_if_true, value_if_false)</td> <td class="">"=IF(F12 < 100, TRUE(), FALSE())"</td> <td formula="=IF(F12 < 100, TRUE(), FALSE())" class=""></td> <td class="">Can have nested IF functions.</td><td class="">-14</td><td class="">url_as_string</td></tr><tr style="height: 57px;"> <td style="" class="themeRoller_activeCell">IMG</td><td formula="=G14" class="">url_as_string</td> <td class="">"=IMG("http://ui.jquery.com/images/logo.gif")"</td> <td formula="=IMG("http://ui.jquery.com/images/logo.gif")" class=""><img src="http://ui.jquery.com/images/logo.gif" style=""></td> <td class="">The url can be sensitive to numbers.</td><td class=""></td><td class=""></td></tr> <tr style="height: 143px;"> <td class="">MAX</td><td formula="=G10" class="">numbers_as_array</td> <td class="">"=MAX(F3:F13)"</td> <td formula="=MAX(F3:F13)" class="">999</td> <td class=""></td><td class="">-21</td><td class=""></td></tr> <tr style="height: 25px;"> <td class=""> MIN </td><td formula="=G10" class="">numbers_as_array</td> <td class="">"=MIN(F3:F13)"</td> <td formula="=MIN(F3:F13)" class="">-100</td> <td style=""> </td><td class=""></td><td></td></tr> <tr style="height: 25px;"> <td class="">N</td><td formula="=G9" class="">number</td> <td class="">"=N(F3)"</td> <td class="" formula="=N(F3)">23</td> <td class=""> </td><td></td><td></td></tr><tr style="height: 27px;"> <td class="">PI</td><td class=""></td> <td class="">"=PI()"</td> <td formula="=PI()" class="">3.141592653589793</td> <td class="">If you use "=PI" it will return the actual function as text, which is incorrect. Use "=PI()".</td><td class=""></td><td class=""></td></tr> <tr style="height: 25px;"> <td class=""> TODAY </td><td class=""></td> <td class="">"=TODAY()"</td> <td class="" formula="=TODAY()">Sun Dec 28 2008 10:27:07 GMT-0500 (Eastern Standard Time)</td> <td class=""> </td><td></td><td></td></tr> <tr style="height: 25px;"> <td class=""> TRUE </td><td class=""></td> <td class="">"=TRUE() || FALSE()"</td> <td class="" formula="=TRUE() || FALSE()">true</td> <td style=""> </td><td></td><td></td></tr> <tr style="height: 25px;"> <td class="">SUM</td><td formula="=G10" class="">numbers_as_array</td> <td class="">"=SUM(F2:F13)"</td> <td class="styleLeft" formula="=SUM(F2:F13)">1589</td> <td style=""> </td><td></td><td></td></tr> <tr style="height: 25px;"> <td class=""> ROUND </td><td formula="=G9" class="">number</td> <td class="">"=ROUND(1.6)"</td> <td style="" class="" formula="=ROUND(1.6)">2</td> <td style=""> </td><td></td><td></td></tr> <tr style="height: 25px;"> <td class="">RAND</td><td class=""></td> <td class="">"=RAND()"</td> <td style="" class="" formula="=RAND()">0.6489516688709732</td> <td style=""> Synonym: RND </td><td></td><td></td></tr><tr style="height: 25px;"> <td class=""></td><td class=""></td> <td class=""></td> <td class=""></td> <td class="" style=""></td><td class=""></td><td class=""></td></tr> <tr style="height: 25px;"> <td class="styleBold styleCenter">Advanced Functionality</td><td class=""></td> <td class="styleBold styleCenter">Example</td> <td class="styleBold styleCenter">Result</td> <td class="styleBold styleCenter">Additional Information</td><td class="styleBold styleCenter"></td><td class="styleBold styleCenter"></td></tr> <tr style="height: 96px;"> <td class="">Direct Javascript</td><td class=""></td> <td class="">"=jQuery.sheet.version"</td> <td class="" formula="=jQuery.sheet.version">0.4</td> <td class="">The character '=' simply starts a<br>reference to javascript. The example here<br>interacts with the jS (or jQuery.sheet)<br>object and calls a function that<br>returns it's current version.</td><td class=""></td><td class=""></td></tr> <tr style="height: 58px;"> <td class="">Math.PI</td><td class=""></td> <td class="">"=Math.PI"</td> <td class="" formula="=Math.PI">3.141592653589793</td> <td class="">The Math function here is actually the <br>javascript Math function. So in a since, you <br>are writing javascript from the sheet.</td><td class=""></td><td class=""></td></tr><tr style="height: 58px;"> <td class="">Self as Function</td><td class=""></td> <td class="">"=function(value, output) {<br> if (isNaN(value)) { return value; } else { return output; }<br>}"</td> <td formula="=function(value, output) { if (isNaN(value)) { return value; } else { return output; } }" class="">function (value, output) { if (isNaN(value)) { return value; } else { return output; } }</td> <td formula="=function() { return this; }" class="">function () { return this; }</td><td class=""></td><td class=""></td></tr><tr style="height: 58px;"> <td class="">Call a Cell as Function</td><td class="">As many as you like.</td> <td class="">"=D29(F3, F4)"</td> <td formula="=D29(F3, F4)" class="">45</td> <td class="">The example here is calling the above cell<br>as a function. This makes working with<br>sheets extremely flexible.</td><td class=""></td><td class=""></td></tr> </tbody> </table> <table id="jSheet" class="jSheet" style="width: 1322px;" sheettitle="jQuery.sheet() 0.4 API" border="1"> <colgroup> <col style="width: 253px;" width="253"> <col style="width: 389px;" width="389"> <col style="width: 367px;" width="367"> <col style="width: 312px;" width="312"> </colgroup> <tbody> <tr style="height: 25px;"> <td class="styleCenter styleBold"> jQuery.sheet() Settings </td> <td class="styleCenter styleBold"> Description </td> <td style="" class="styleCenter styleBold jSheetCellActive themeRoller_activeCell"> Default </td> <td style="" class="styleBold styleCenter"> Example </td></tr> <tr style="height: 72px;"> <td class=""> urlGet </td> <td class="">The html file that is loaded into jQuery.sheet()</td> <td class="">"documentation.html"</td> <td style="" class="">$(obj).sheet({<br> urlGet: "mySheet.html"<br> });</td></tr> <tr style="height: 25px;"> <td class=""> urlSave </td> <td class="">The url for the sheet info to be saved at.</td> <td class="">"save.html"</td> <td style="" class=""></td></tr> <tr style="height: 25px;"> <td class="">editable</td> <td class=""> Makes the sheet editable. Boolean value. </td> <td class="">true</td> <td style=""> </td></tr><tr style="height: 25px;"> <td formula="" class="">urlBaseCss</td> <td formula="" class="">Location of the base css file used to configure the sheet.</td> <td formula="" class="">"jquery.sheet.base.css"</td> <td formula="" class="" style=""></td></tr><tr style="height: 25px;"> <td formula="" class="">urlTheme</td> <td formula="" class="">jQuery UI Themeroller css theme location used to style the sheet.</td> <td formula="" class="">"theme/ui.theme.css"</td> <td formula="" class="" style=""></td></tr><tr style="height: 58px;"> <td formula="" class="">urlMenu</td> <td formula="" class="">Loads the menu bar found at the top<br>that uses jQuery.clickMenu(). If left blank,<br>will not load menu.</td> <td formula="" class="">"menu.html"</td> <td formula="" class="" style=""></td></tr><tr style="height: 39px;"> <td formula="" class="">urlMenuJs</td> <td formula="" class="">Location of the jQuery.clickMenu plugin for use with the <br>menu control.</td> <td formula="" class="">"plugins/jquery.clickmenu.pack.js"</td> <td formula="" class="" style=""></td></tr> <tr style="height: 23px;"> <td class="">urlMenuCss</td> <td class="">Location of the jQuery.clickMenu's style file.</td> <td class="">"plugins/clickmenu.css"</td> <td style=""> </td></tr><tr style="height: 60px;"> <td formula="" class="">urlScrollTo</td> <td formula="" class="">Loads the plugin jQuery.scrollTo. Makes editing the <br>sheet an absolute pleasure :).</td> <td formula="" class="">"plugins/jquery.scrollTo-1.4.0-min.js"</td> <td formula="" class="" style=""></td></tr> <tr style="height: 46px;"> <td class="">loading</td> <td class="">The loading html message when<br>jQuery.sheet() first starts.</td> <td class="">"Loading Spreadsheet..."</td> <td class=""></td></tr> <tr style="height: 25px;"> <td class=""> newColumnWidth </td> <td class="">Sets the width of newly added columns.</td> <td class="">"120px"</td> <td style=""> </td></tr> <tr style="height: 25px;"> <td class=""> ajaxSaveType </td> <td class="">Sets the type of forums/ajax submit type.</td> <td class=""> "POST" </td> <td style=""> </td></tr> <tr style="height: 96px;"> <td class=""> buildSheet </td> <td class="">Lets you create a new sheet. Example: '10x30' (Column<br>count by Row count). If you use this option it cancels out<br>urlGet. Must be separated by an "x" ("10x30") or be set<br>to boolean false. Note: Large sheets will take some<br>time to load.</td> <td class="">false</td> <td style=""> $(obj).sheet({<br> buildSheet: "10x30"<br> }); </td></tr> <tr style="height: 63px;"> <td class="">calcOff</td> <td class="">Enables or disables the sheet calculations; on loadup<br>only. Boolean value. This usually isn't needed because<br>the values are saved when the sheet is saved.</td> <td class="">false</td> <td style=""> </td></tr> <tr style="height: 50px;"> <td class="">log</td> <td class="">Enables or disables sheet log, used for<br>debugging. Boolean value.</td> <td class="">false</td> <td style=""> </td></tr> <tr style="height: 25px;"> <td class="">title</td> <td class="">Overrides the sheet's sheettitle attribute.</td> <td class="">""</td> <td style=""> </td></tr> <tr style="height: 79px;"> <td class="">lockFormulas</td> <td class="">Turns function edit off. This protects <br>your spreadsheet's supplied functions. <br>Note: If you create a function, after the <br>first edit, it will no longer be editable.</td> <td class="">false</td> <td style=""> </td></tr> <tr style="height: 41px;"> <td class="">parent</td> <td class="">The sheet's parent, needed for internal <br>usage, doesn't need to change.</td> <td class="">this</td> <td style=""> </td></tr> <tr style="height: 25px;"> <td class="">colMargin </td> <td class="">The width and height of standard toolbars.</td> <td class="">"25px"</td> <td style=""> </td> </tr> <tr style="height: 25px;"> <td class="">fnBefore </td> <td class="">Function ran just before the sheet is initialized.</td> <td class="">function() {}</td> <td style=""> </td> </tr> <tr style="height: 25px;"> <td class="">fnAfter </td> <td class="">Function ran after the sheet is initialized and styled.</td> <td class="">function() {}</td> <td style=""> </td> </tr> <tr style="height: 25px;"> <td class="">fnSave </td> <td class="">Function used for saving the spreadsheet, default is jS.saveSheet().</td> <td class="">function() { jS.saveSheet(); }</td> <td style=""> </td> </tr> <tr style="height: 25px;"> <td class="">fnOpen </td> <td class="">Function used to open a spreadsheet.</td> <td class="">function() {}</td> <td style=""> </td> </tr><tr style="height: 25px;"> <td class="">fnClose</td> <td class="">Function used to close the current spreadsheet.</td> <td class="">function() {}</td> <td style=""> </td> </tr><tr style="height: 27px;"> <td class=""></td> <td class=""></td> <td class=""></td> <td class="" style=""></td> </tr><tr style="height: 25px;"> <td class="styleBold styleCenter">Regular Initialization</td> <td class="styleBold styleCenter">Initialization with Options</td> <td class="styleBold styleCenter"></td> <td class="styleBold styleCenter"></td> </tr> <tr style="height: 533px;"> <td class="styleTop styleLeft">$(document).ready(function() {<br> $(selector).sheet();<br>});</td> <td class="styleTop styleLeft">$(document).ready(function() {<br> $(selector).sheet({<br> urlGet: "documentation.html table:first",<br> urlSave: "save.html",<br> title: '',<br> editable: true,<br> urlBaseCss: 'jquery.sheet.base.css',<br> urlTheme: "theme/jquery-ui-themeroller.css",<br> urlMenu: "menu.html",<br> urlMenuJs: "plugins/jquery.clickmenu.pack.js",<br> urlMenuCss: "plugins/clickmenu.css",<br> urlScrollTo: "plugins/jquery.scrollTo-1.4.0-min.js",<br> loading: 'Loading Spreadsheet...',<br> newColumnWidth: '120px',<br> ajaxSaveType: 'POST',<br> buildSheet: false,//'10x30', this can be slow<br> calcOff: false,<br> log: false,<br> lockFormulas: false,<br> parent: this,<br> colMargin: "25px",<br> fnBefore: function() {},<br> fnAfter: function() {},<br> fnSave: function() { jS.saveSheet(); },<br> fnOpen: function() {},<br> fnClose: function() {}<br> });<br>});</td> <td class="styleTop styleLeft"></td> <td class="styleTop styleLeft"></td></tr> <tr style="height: 25px;"> <td class=""></td> <td class=""> </td> <td class=""> </td> <td style=""> </td></tr> <tr style="height: 25px;"> <td class="styleBold styleCenter"> jQuery.sheet Dependencies </td> <td style="" class="styleCenter styleBold"> Plugin File Name </td> <td style="" class="styleBold styleCenter">Size (kb)</td> <td style="" class="styleCenter styleBold"> Compressed </td> </tr> <tr style="height: 25px;"> <td class=""> jQuery </td> <td style=""> jquery-1.2.6.pack.js </td> <td class="">30.3</td> <td class="">yes</td></tr> <tr style="height: 25px;"> <td class="">jQuery.clickMenu (optional)</td> <td style=""> jquery.clickmenu.js </td> <td style=""> 4.24 </td> <td class="">yes</td></tr> <tr style="height: 25px;"> <td class="">jQuery.clickMenu Style (optional)</td> <td class=""> jquery.clickmenu.css </td> <td style=""> 1.95 </td> <td class="">no</td></tr> <tr style="height: 25px;"> <td class="">jQuery.sheet</td> <td class="">jquery.sheet.min.js</td> <td class="">40.5</td> <td class="">yes</td></tr><tr style="height: 23px;"> <td class="">jQuery.scrollTo (optional)</td> <td class="">jquery.scrollTo-1.4.0-min.js</td> <td class="">1.95</td> <td class="">yes</td></tr> <tr style="height: 79px;"> <td class="">jQuery UI - ThemeRoller style</td> <td class="">Make your theme using jQuery UI <br>Themeroller. This is a pack of files. <br>Default directory for unzip is <br>jQuery.sheet_root/theme.</td> <td class="">123</td> <td class="">yes</td> </tr> <tr style="height: 25px;"> <td class=""></td> <td class="styleRight styleBold">Total App Size:</td> <td formula="=ROUND(SUM(C26:C31))+'KB'" class="styleLower">30KB</td> <td class=""><--Note:this field is dynamic :)</td> </tr> <tr style="height: 25px;"> <td class="">The below area is mainly for those that would like to really build around the sheet. I tried to be as detailed as possible. I will try to keep this as updates as possible.</td> <td class=""></td> <td style="" class=""> </td> <td class=""> </td> </tr> <tr style="height: 47px;"> <td class="styleBold styleCenter">jQuery.sheet Object/Function</td> <td class="styleBold styleCenter">Description</td> <td class="styleBold styleCenter"></td> <td class="styleItalics styleUnderline styleUpper styleBold styleCenter"></td> </tr><tr style="height: 39px;"> <td class="">jQuery.sheet / jS</td> <td class="">Object that holds all the functions used for<br>jQuery.sheet (A jQuery extension, different from jQuery.sheet(), a jQuery.fn extension).</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 39px;"> <td class="">jQuery.calculationsEngine / cE</td> <td class="">Object that holds the functions used to<br>calculate the table as a spreadsheet.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 39px;"> <td class="">EMPTY_VALUE</td> <td class="">Empty object - {}</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellIsEdit</td> <td class="">Is true when cell is being edited.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cl</td> <td class="">Class list shorthand</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">getResizeControl</td> <td class="">returns the resize function needed for a Id bar resizer.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">id</td> <td class="">Id list shorthand</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">obj</td> <td class="">Object list shorthand</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 26px;"> <td class="">s</td> <td class="">jQuery.sheet.settings shorthand</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">themeRoller</td> <td class="">Themeroller object. Used for styling.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">toggleHide</td> <td class="">Not yet used, too buggy. Used for hiding and showing sheets.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">version</td> <td class="">Returns jQuery.sheet's current verison.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">ERROR</td> <td class="">The value returned when a cell fails a function.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">HTMLtoCompactSource</td> <td class="">Parses the sheet's HTML to compact source.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">HTMLtoPrettySource</td> <td class="">Parses the sheet's HTML to pretty source.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">addColumn</td> <td class="">Adds a single column.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">addColumnMulti</td> <td class="">Calls jQuery.sheet.addColumn a specified number of times.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">addRow</td> <td class="">Adds a single row.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">addRowMulti</td> <td class="">Calls jQuery.sheet.addRow a specified number of times.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">barAdjustor</td> <td class="">Runs in memory to re-adjust the position of the cell Id bars.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">barHeightSync</td> <td class="">Used in Safari/Chrome only to re-sync the rows of a spreadsheet to the size of the Id bars.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">barResizer</td> <td class="">Object that holds the functions for bar resizing.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">buildSheet</td> <td class="">Builds a table used for a spreadsheet.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">calc</td> <td class="">Function for compiling against the jQuery.calculationsEngine.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellClick</td> <td class="">Step 1 of the cell click function</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellEdit</td> <td class="">Causes a click event to occur on any given cell. Usually used for arrow keys to set focus on cells.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellEditAbandon</td> <td class="">Takes the focus away from cells, escapes the edit process.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellEditDone</td> <td class="">Occurs when another cell is click to end the current cell edit session.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellFindXY</td> <td class="">Returns the absolute position of a cell. Mainly used to find position of element on page during row/column resize.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellOnClick</td> <td class="">Step 1 of the cell click function. Also detects if the formula's are locked for edit.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellOnClickManage</td> <td class="">Step 2 of the cell click function. On first click, sets the cell to editable. On second click it grabs the html in the cell or formula and throws it into a textarea and the textarea within the cell.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellOnMouseDown</td> <td class="">Makes multi selectable cells possible. When occurs, sets cellSetActiveMulti to run through it's mousemove and mouseup on document.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellSetActive</td> <td class="">Sets the cell Id bars and cell visually active.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 20px;"> <td class="">cellSetActiveMulti</td> <td class="">Works in accord with cellOnMouseDown.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellSetActiveMultiColumn</td> <td class="">From a column's double click event, it selects all cells within that column.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellSetActiveMultiRow</td> <td class="">From a row's double click event, it selects all cells within that row.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellSetFocus</td> <td class="">Changes the cell FX element to reflect the current cell. Focuses on the formula when done.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellStyleToggle</td> <td class="">Manages styles interactions.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">cellTextArea</td> <td class="">Manages leaving, and entering a textarea. Returning the most current value. Also makes the formula disabled if textarea is active.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">deleteColumn</td> <td class="">Deletes a column.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">deleteRow</td> <td class="">Deletes a row.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">followMe</td> <td class="">Used with jQuery.scrollTo plugin. Makes the pane follow the currently selected cell.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">formulaKeyDown</td> <td class="">The centralized location for most keydown events. Takes advantage of select rather than if statements to make it almost seam like nothing is capturing these event.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">getCss</td> <td class="">Simple plugin that writes a css link for those that are needed. Interacts with any url setting of jQuery.sheet.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">getIndexTd</td> <td class="">Centralized location for grabbing the cell's current "cellIndex". Mostly used with jQuery.calculationsEngine.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">getIndexTr</td> <td class="">Centralized location for grabbing the cell parent's current "rowIndex". Mostly used with jQuery.calculationsEngine.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">getTd</td> <td class="">Returns the currently selected cell from a tableBody var that's sent to it. Returns a cell very quickly.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">getTdLocation</td> <td class="">Returns an array of 2 numbers - [row, column].</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">importColumn</td> <td class="">Creates a new column, then sets their html to a value that's sent in the form of an array.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">importRow</td> <td class="">Creates a new row, then sets their html to a value that's sent in the form of an array.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">log</td> <td class="">Used for debugging. Needs to have some timing values in the futures.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">makeBarItemLeft</td> <td class="">Creates the functional Id bar to the left of the spreadsheet.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">makeBarItemTop</td> <td class="">Creates the functional Id bar to the top of the spreadsheet.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">makeControls</td> <td class="">If a cell is editable, it create the formula textarea, FX, Menu, sheetTitle.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">manageHtmlToText</td> <td class="">Converts different characters for use with formula textarea/in cell edit textarea.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">manageTextToHtml</td> <td class="">Converts from different values from the formula textarea/in cell edit textarea to HTML.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">newSheet</td> <td class="">A friendly way of letting the user create a spreadsheet. Uses a prompt for user input.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">openSheet</td> <td class="">Opens either from a url or a var a new spreadsheet.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">refreshLabelsColumns</td> <td class="">Resets all column labels. Used when adding new columns, deleting columns.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">refreshLabelsRows</td> <td class="">Resets all row labels. Used when adding new rows, deleting rows.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">saveSheet</td> <td class="">Standard function used for saving sheets. Called from jQuery.sheet.settings.fnSave(). If you have a different way that you'd like to save sheets, use the fnSave setting.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">sheetClearActive</td> <td class="">Used to clear the themeRoller classes from the cell Id bars and to set the formula textare to ''.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">sheetDecorate</td> <td class="">Set's the sheet up with top and left cell id bars as well as syncronizing sheet size in accord with that of it's parent.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 21px;"> <td class="">sheetDecorateRemove</td> <td class="">Returns a sheet back to normal html.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">sheetInit</td> <td class="">Very short function that put's the created instance of the spreadsheet into it's parent, styling, and bar adjuster.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">sheetSyncSize</td> <td class="">It was difficult to get main web browsers (IE, FF, Safari/Chrome) to output the spreadsheet where it needed to be, and the sizing it needed to be so it looked right. This function manages sizing.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">sheetTitle</td> <td class="">Gets/Sets the sheet's title if it's enabled.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">tableCell</td> <td class="">A prototype object for interacting with jQuery.calculationsEngine.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">tableCellProvider</td> <td class="">A prototype object for interacting with jQuery.calculationsEngine.</td> <td class=""></td> <td class=""></td> </tr><tr style="height: 25px;"> <td class="">viewSource</td> <td class="">A nice way of viewing source. Can be compact or pretty.</td> <td class=""></td> <td class=""></td> </tr> </tbody> </table> <table id="jSheet" class="jSheet" style="width: 1126px;" sheettitle="" border="1"> <colgroup> <col style="width: 397px;" width="397"> <col style="width: 425px;" width="425"><col style="width: 303px;" width="303"> </colgroup> <tbody> <tr style="height: 58px;"> <td class="">If you are not a programmer, just using jQuery.sheet for <br>it's spreadsheet purposes, just ignore the "Dependency" <br>column.</td> <td class=""></td><td class=""></td> </tr> <tr style="height: 28px;"> <td class="styleCenter styleBold"> Navigation </td> <td style="" class="styleCenter styleBold"> Result </td><td class="styleBold styleCenter">Dependancy</td> </tr> <tr style="height: 26px;"> <td class=""> Left Arrow </td> <td class=""> Active cell moves left if possible. </td><td class="">jQuery.sheet.cellClick()</td> </tr> <tr style="height: 27px;"> <td class=""> Right Arrow </td> <td style=""> Active cell moves right if possible. </td><td class="">jQuery.sheet.cellClick()</td> </tr> <tr style="height: 25px;"> <td class=""> Up Arrow </td> <td class=""> Active cell moves up if possible. </td><td class="">jQuery.sheet.cellClick()</td> </tr> <tr style="height: 25px;"> <td class=""> Down Arrow </td> <td style=""> Active cell moves down if possible. </td><td class="">jQuery.sheet.cellClick()</td> </tr> <tr style="height: 25px;"> <td class=""> Escape </td> <td class=""> Active cell is removed from focus. </td><td class="">jQuery.sheet.cellEditAbandon()</td> </tr> <tr style="height: 39px;"> <td class="">Enter</td> <td class="">Starts in-place edit / Active cell moves<br>down if possible.</td><td class="">jQuery.sheet.formulaKeyDown() private function enter()</td> </tr><tr style="height: 39px;"> <td formula="" class="">Ctrl + Enter</td> <td formula="" class="">Ends in-place edit / Active cell moves<br>down if possible.</td><td formula="" class=""></td> </tr> <tr style="height: 25px;"> <td class="">Tab</td> <td class=""> Active cell moves right if possible. </td><td class="">jQuery.sheet.cellClick()</td> </tr><tr style="height: 26px;"> <td class=""></td> <td class="" style=""></td><td class=""></td> </tr> <tr style="height: 25px;"> <td class="styleBold styleCenter">Feature</td> <td class="styleBold styleCenter">Info</td><td class="styleBold styleCenter">Dependancy</td> </tr> <tr style="height: 46px;"> <td class="">jQuery.sheet is Re-sizable!</td> <td class="">Click and drag on the cell Id bars, and it will<br>resize the row.</td><td class="">jQuery.sheet.barResizer()</td> </tr><tr style="height: 58px;"> <td class="">Auto Scroll</td> <td class="">When you navigate to a cell the <br>spreadsheet pane automatically scrolls to<br>it.</td><td class="">jQuery.scrollTo plugin</td> </tr><tr style="height: 58px;"> <td class="">Multi cell select</td> <td class="">If you drag your mouse over a range of <br>cells, it will select them for you. You can <br>use this to change their style.</td><td class="">jQuery.sheet.cellSetActiveMulti()</td> </tr><tr style="height: 58px;"> <td class="">Multi cell select from cell Id bars</td> <td class="">Double click on the mouse Id bars and it<br>will select the range of cells associated<br>with it.</td><td class="">jQuery.sheet.cellSetActiveMultiColumn() or <br>jQuery.sheet.cellSetActiveMultiRow()</td> </tr><tr style="height: 25px;"> <td class="">Add Row</td> <td class="">Adds a row to the bottom of your spreadsheet.</td><td class="">jQuery.sheet.addRow()</td> </tr><tr style="height: 25px;"> <td class="">Insert Row</td> <td class="">Inserts a row just below the currently selected row.</td><td class="">jQuery.sheet.addRow()</td> </tr><tr style="height: 25px;"> <td class="">Add Multi Row</td> <td class="">Adds multiple rows to the end of the spreadsheet.</td><td class="">jQuery.sheet.addRowMulti()</td> </tr><tr style="height: 25px;"> <td class="">Delete Row</td> <td class="">Deletes the currently selected row.</td><td class="">jQuery.sheet.deleteRow()</td> </tr><tr style="height: 25px;"> <td class="">Add Column</td> <td class="">Adds a column to the last column of the spreadsheet.</td><td class="">jQuery.sheet.addColumn()</td> </tr><tr style="height: 25px;"> <td class="">Insert Column</td> <td class="">Insert column just after the currently selected column.</td><td class="">jQuery.sheet.addColumn()</td> </tr><tr style="height: 25px;"> <td class="">Add Multi Column</td> <td class="">Adds multiple columns to the last column in the spreadsheet.</td><td class="">jQuery.sheet.addColumnMulti()</td> </tr><tr style="height: 25px;"> <td class="">Delete Column</td> <td class="">Delete the currently selected spreadsheet.</td><td class="">jQuery.sheet.deleteColumn()</td> </tr><tr style="height: 25px;"> <td class="">Style cells</td> <td class="">Cells are styleable.</td><td class="">jQuery.sheet.cellStyleToggle()</td> </tr><tr style="height: 25px;"> <td style="" class="themeRoller_activeCell">Support of jQuery UI theme</td> <td class="">You make the spreadsheet look like you want.<br>Pick your theme here: http://ui.jquery.com/themeroller</td><td class="">jQuery UI Theme / jQuery.sheet.themeRoller</td> </tr><tr style="height: 25px;"> <td class="">Sheet Title</td> <td class="">You can change the sheet's title.</td><td class="">jQuery.sheet.sheetTitle()</td> </tr> </tbody> </table> <table style="width: 788px;" class="jSheet" id="jSheet" border="1"> <colgroup> <col style="width: 238px;" width="238"> <col style="width: 302px;" width="302"> <col style="width: 247px;" width="247"> </colgroup> <tbody> <tr style="height: 25px;"><td class="styleBold">jQuery.sheet</td><td class="">A jQuery Spreadsheet with Calculations</td><td formula="=HYPERLINK("http://plugins.jquery.com/project/sheet", "jQuery.sheet on jQuery's Website")" class=""><a href="http://plugins.jquery.com/project/sheet" target="_new">jQuery.sheet on jQuery's Website</a></td></tr><tr style="height: 25px;"><td class="styleBold">Version</td><td formula="=jS.version" class="">0.4</td><td class=""></td></tr><tr style="height: 25px;"><td class="styleBold">Written By</td><td class="">Robert Plummer</td><td formula="=HYPERLINK("http://jqueryplugins.weebly.com", "My jQuery Project Website")" class=""><a href="http://jqueryplugins.weebly.com" target="_new">My jQuery Project Website</a></td></tr><tr style="height: 25px;"><td class="styleBold">Written Using</td><td class="">Notepad++</td><td class=""></td></tr><tr style="height: 25px;"><td class="styleBold">Compressed Using</td><td class="">YUI Compressor</td><td class=""></td></tr><tr style="height: 25px;"><td class="styleBold">Compatibility</td><td class="">Firefox 3, IE 7, Chrome, Safari</td><td class=""></td></tr><tr style="height: 25px;"><td class="styleBold">About Me</td><td formula="=HYPERLINK("http://jqueryplugins.weebly.com/about-me.html", "Professional Services")" class=""><a href="http://jqueryplugins.weebly.com/about-me.html" target="_new">Professional Services</a></td><td class=""></td></tr><tr style="height: 25px;"><td class="styleBold">Bugs?</td><td formula="=HYPERLINK("http://plugins.jquery.com/project/issues/sheet?categories=bug", "Bugs Page")" class=""><a href="http://plugins.jquery.com/project/issues/sheet?categories=bug" target="_new">Bugs Page</a></td><td class=""></td></tr><tr style="height: 25px;"><td class="styleBold">Want to see a feature added?</td><td formula="=HYPERLINK("http://plugins.jquery.com/project/issues/sheet?categories=feature", "Features Page")" class=""><a href="http://plugins.jquery.com/project/issues/sheet?categories=feature" target="_new">Features Page</a></td><td class=""></td></tr><tr style="height: 25px;"><td class="styleBold">Need support?</td><td formula="=HYPERLINK("http://plugins.jquery.com/project/issues/sheet?categories=support", "Support Page")" class=""><a href="http://plugins.jquery.com/project/issues/sheet?categories=support" target="_new">Support Page</a></td><td class=""></td></tr><tr style="height: 25px;"><td class="styleBold"></td><td></td><td></td></tr> </tbody> </table>