tag:blogger.com,1999:blog-37860469961037101122024-08-30T11:16:18.957+05:30Hitesh Agarwalhttp://www.blogger.com/profile/00398931419266408554noreply@blogger.comBlogger1125tag:blogger.com,1999:blog-3786046996103710112.post-19441825558299693232011-02-14T19:45:00.000+05:302011-02-14T20:48:34.417+05:30<div dir="ltr" style="text-align: left;" trbidi="on">Welcome and thanks for visiting! This is my first blog for the first plugin i made for <a href="http://jquery.com/">jQuery</a>. In a nutshell, jCalculator provides simple yet customizable calculator for a web application.<br /> <br /> <span style="font-size: large;"><b><span style="color: #0b5394;">Download</span> </b></span><br /> <a href="https://docs.google.com/leaf?id=0B125IeGOmiP6MWNkNThiYzEtNzhjZS00N2E4LTkwMjgtY2E1MTIzMDBjMGIz&amp;hl=en" target="_blank">JCalculator v1.0</a><br /> <br /> <div style="color: #0b5394;"><br /> <span style="font-size: large;"><b>Usage</b></span></div><b>JCalculator Basic Usage </b><br /> $().ready(function() {<br /> &nbsp;&nbsp;&nbsp; $('#example1').calculator();<br /> });<b><br /> &nbsp;</b><br /> <div style="color: #0b5394;"><span style="font-size: large;"><b>JCalculator Options</b></span></div><b>defaultOpen</b>: defaults to true<br /> &nbsp; the default state of calculator when it is loaded.<br /> <b>title</b>: defaults to 'Calculator'<br /> &nbsp; the title of the calculator.<br /> <b>accuracy</b>: defaults to 12<br /> &nbsp; the number of digits to accept as input for the calculator.<br /> <b>width</b>: defaults to 164,<br /> &nbsp; the width of calculator.<br /> <b>height</b>: defaults to 180<br /> &nbsp; the height of calculator<br /> <b>movable</b>: defaults to&nbsp; false<br /> <b>&nbsp; </b>whether the calculator is draggable or not [works only if <a href="http://jqueryui.com/">jQuery UI</a> is included in the page]<b><br /> resizable</b>: defaults to false<br /> &nbsp; whether the calculator is resizable or not [works only if <a href="http://jqueryui.com/">jQuery UI</a> is included in the page]<br /> <b><br /> </b><br /> <div style="color: #0b5394;"><span style="font-size: large;"><b>JCalculator Events</b></span></div><div style="color: #0b5394;"><b style="color: black;">buttonPressed</b><span style="color: black;">: Supply a callback function to handle the event when a button is pressed by user</span><span style="color: black;"></span></div><dl class="event-examples-list"><dd><pre><code><span style="color: black;">$( ".selector" ).calculator({</span> buttonPressed: function(calc, button) { ... } });</code></pre></dd></dl><div style="color: #0b5394;"><b style="color: black;">displayChanged</b><span style="color: black;">: Supply a callback function to handle the event when the display</span><span style="color: black;"> of calculator</span><span style="color: black;"></span><span style="color: black;"> is changed</span></div><dl class="event-examples-list"><dd><pre><code><span style="color: black;">$( ".selector" ).calculator({</span> displayChanged: function(calc, button) { ... } });</code></pre></dd></dl><br /> <div style="color: #0b5394;"><span style="font-size: large;"><b>JCalculator Methods</b></span></div><span style="font-size: large;"><span style="font-size: small;">No methods</span><span style="font-size: small;"> available yet</span><b><br /> </b></span><br /> <b><span style="font-size: large;"><br style="color: #0b5394;" /><span style="color: #0b5394;">Special Considerations</span></span></b><br /> For best experience please use this plugin with the <a href="http://jqueryui.com/">jQuery UI</a> included on the page. The plugin is not tested fully yet. Please report the issues here in case you found any bugs in the plugin.<b><span style="font-size: large;"><span style="color: #0b5394;"><br /> </span></span></b></div>Hitesh Agarwalhttp://www.blogger.com/profile/00398931419266408554noreply@blogger.com21