Click here to Skip to main content
12,503,198 members (61,759 online)
Click here to Skip to main content
Articles » Web Development » HTML / CSS » HTML » Downloads

Stats

41K views
1.3K downloads
53 bookmarked
Posted

Scientific Calculator ZENO-5000

, 16 Feb 2015 CPOL
Scientific Calculator ZENO-5000: HTML 5, CSS 3 and client-side jQuery/JavaScript
<html>
 <head>

    <title>ZENO | SCIENTIFIC CALCULATOR</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Author" content="Alexander Bell" />
    <meta http-equiv="Copyright" content="2010 Alexander Bell" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Cache-control" content="no-cache">
    <meta name="Robots" content="all" />
    <meta name="Distribution" content="global" />

    <meta name="Keywords" content="ZENO, SCIENTIFIC CALCULATOR, ONLINE SCIENTIFIC CALCULATOR, HTML 5, CSS 3, jQuery, Online Calculator, Free Calculator, Math Calculator, School Math" />
    <meta name="Description" content ="Project ZENO, free online SCIENTIFIC CALCULATOR, HTML 5, CSS 3, jQuery" />

    <!--CSS-->
     <link href="oscZeno.css" rel="stylesheet" type="text/css" />

     <!--LINK TO jQUERY LIB-->
    <script type="text/javascript" 
        src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js">
    </script>

     <!--CALCULATOR SCRIPT-->
     <script src="oscZenoRef.js" type="text/javascript"></script>
     <script src="oscZeno.js" type="text/javascript"></script>
 </head>

 <body>
   
   <!--ADDED FOR OLDER IE PARTIAL COMPATIBILITY-->
    <!--[if !IE]><!--><div class="oscCenterColumn"><!--<![endif]-->
   <!--[if IE 9]><div class="oscCenterColumn"><![endif]-->
   <!--[if IE 8]><div id="ie" class="oscCenterColumn"><![endif]-->
   <!--[if IE 7]><div id="ie" class="oscCenterColumn"><![endif]-->
   <!--[if lte IE 6]><div id="ie" class="oscCenterColumn"><![endif]-->
   	    
   	    <div class = "oscMain">
      	    <header>
                <div class="oscTitle">SCIENTIFIC CALCULATOR</div>
                <div class="oscModel">ZENO-5000</div>

            </header>
            <div class="oscSpacer5"></div>
            <div class="oscSpacer5"></div>

            <div class="keys_ToRight">
			    <div class="oscExtControl">&#9660;</div>
                <div class="oscStackControl">R</div>
		    </div>
            <nav>
            <div>
                <a href="http://www.webinfocentral.com" target="_blank"><button class="oscNav">HOME</button></a>
                <a href="http://www.examiner.com/online-learning-in-new-york/zeno" target="_blank"><button class="oscNav">MANUAL</button></a>
                <a href="http://www.examiner.com/online-learning-in-new-york/zeno-doc" target="_blank"><button class="oscNav">DOCUMENTATION</button></a>

            </div>
            </nav>
            <div class="oscSpacer5"></div>
            <div class="oscSpacer3"></div>
     	
	        <div id="keyPad">
		        <!--USER INPUT-->
		        <div class="keys_ToRight">
			        <button id="keyPad_btnToMem" class="keyPad_btnMemOp">&#8681</button>
                    <button id="keyPad_btnFromMem" class="keyPad_btnMemOp">&#8679</button>
		        </div>
                <div class="oscStackRegister">STACK</div>
        	    <input type="text" id="keyPad_UserInput" class="keyPad_TextBox" maxlength="10" readonly/></input>
		        <div class="oscSpacer2"></div>

		        <!--MEM-->
		        <div class="keys_ToRight">
					<button id="keyPad_btnMemPlus" class="keyPad_btnMemOp">M+</button>
                    <button id="keyPad_btnMemMinus" class="keyPad_btnMemOp">M-</button>
 		        </div>
 		        <input type="text" id="keyPad_Mem" class="keyPad_TextBox" readonly /></input> 
                <div class="oscSpacer5"></div>
                <div class="oscSpacer5"></div>

		        <!--1st ROW-->
		        <div class="keys_ToRight">
			        <button id="keyPad_btnPlus" class="keyPad_btnBinaryOp">+</button>
			        <button id="keyPad_btnMinus" class="keyPad_btnBinaryOp">-</button>
			        <button id="keyPad_btnMult" class="keyPad_btnBinaryOp">*</button>
			        <button id="keyPad_btnDiv" class="keyPad_btnBinaryOp">&#247</button>	
		        </div>
		        <button id="keyPad_btn7" class="keyPad_btnNumeric">7</button>
        	    <button id="keyPad_btn8" class="keyPad_btnNumeric">8</button>
        	    <button id="keyPad_btn9" class="keyPad_btnNumeric">9</button>
                <div class="oscSpacer2"></div>
		
		        <!--2nd ROW-->	
		        <div class="keys_ToRight">
                    <button id="keyPad_btnPercent" class="keyPad_btnBinaryOp">%</button>
			        <button id="keyPad_btnInverse" class="keyPad_btnUnaryOp">1/x</button>
			        <button id="keyPad_btnSquare" class="keyPad_btnUnaryOp">x<sup>2</sup></button>
			        <button id="keyPad_btnSquareRoot" class="keyPad_btnUnaryOp">&#8730</button>
		        </div>
        	    <button id="keyPad_btn4" class="keyPad_btnNumeric">4</button>
        	    <button id="keyPad_btn5" class="keyPad_btnNumeric">5</button>
        	    <button id="keyPad_btn6" class="keyPad_btnNumeric">6</button>
                <div class="oscSpacer2"></div>
 
		        <!--3rd ROW-->	  
		        <div class="keys_ToRight">
                   
                    <button id="keyPad_btnExp" class="keyPad_btnUnaryOp">e<sup>x</sup></button>
                    <button id="keyPad_btnYpowX" class="keyPad_btnBinaryOp">y<sup>x</sup></button>
			        <button id="keyPad_btnLn" class="keyPad_btnUnaryOp">ln</button>
                    <button id="keyPad_btnLg" class="keyPad_btnUnaryOp">lg</button>
		        </div>     
		        <button id="keyPad_btn1" class="keyPad_btnNumeric">1</button>
        	    <button id="keyPad_btn2" class="keyPad_btnNumeric">2</button>
        	    <button id="keyPad_btn3" class="keyPad_btnNumeric">3</button>
		        <div class="oscSpacer2"></div>

		        <!--4th ROW-->
		        <div class="keys_ToRight">
                    <button id="keyPad_btnPi" class="keyPad_btnConst">&#960</button>
			        <button id="keyPad_btnSin" class="keyPad_btnUnaryOp">sin</button>
			        <button id="keyPad_btnCosin" class="keyPad_btnUnaryOp">cos</button>
			        <button id="keyPad_btnTg" class="keyPad_btnUnaryOp">tan</button>

		        </div>
                <button id="keyPad_btn0" class="keyPad_btnNumeric">0</button>
		        <button id="keyPad_btnDot" class="keyPad_btnNumeric">.</button>
                <div class="oscSpacer3"></div>

                <!-- ---------EXTRA ROWS---------  -->
                <!--E-ROW 1-->
	            <div class = "oscExtPanel">
 		            <div class="keys_ToRight">
                        <button id="keyPad_btnPiDiv2" class="keyPad_btnConst">&#960;/2</button>
			            <button id="keyPad_btnAsin" class="keyPad_btnUnaryOp">asin</button>
			            <button id="keyPad_btnAcos" class="keyPad_btnUnaryOp">acos</button>
                        <button id="keyPad_btnAtan" class="keyPad_btnUnaryOp">atan</button>
		            </div> 
                    <button id="keyPad_btnPiDiv3" class="keyPad_btnConst">&#960;/3</button>
                    <button id="keyPad_btnPiDiv4" class="keyPad_btnConst">&#960;/4</button>
                    <button id="keyPad_btnPiDiv6" class="keyPad_btnConst">&#960;/6</button>
                    <div class="oscSpacer2"></div>

                    <!--E-ROW 2-->
 		            <div class="keys_ToRight">
                        <button id="keyPad_btnE" class="keyPad_btnConst">e</button>
                         <button id="keyPad_btnSinH" class="keyPad_btnUnaryOp">sinh</button>
			            <button id="keyPad_btnCosinH" class="keyPad_btnUnaryOp">cosh</button>
			            <button id="keyPad_btnTgH" class="keyPad_btnUnaryOp">tanh</button>
		            </div> 
                    <button id="keyPad_btnInvE" class="keyPad_btnConst">1/e</button>
                    <button id="keyPad_btnLn10" class="keyPad_btnConst">ln(10)</button>
                    <button id="keyPad_btnLgE" class="keyPad_btnConst">lg(e)</button>
                    <div class="oscSpacer2"></div>
   
                     <!--E-ROW 3-->
 		            <div class="keys_ToRight">
                        <button id="keyPad_btnSec" class="keyPad_btnUnaryOp">sec</button>
                        <button id="keyPad_btnCosec" class="keyPad_btnUnaryOp">csc</button>
                        <button id="keyPad_btnSecH" class="keyPad_btnUnaryOp">sech</button>
        	            <button id="keyPad_btnCosecH" class="keyPad_btnUnaryOp">csch</button>
		            </div> 
			        <button id="keyPad_btnSigma" class="keyPad_btnConst">&#963</button>
                    <button id="keyPad_btnSigma3" class="keyPad_btnConst">3&#963</button>
                    <button id="keyPad_btnSigma6" class="keyPad_btnConst">6&#963</button>
                    <div class="oscSpacer2"></div>

                     <!--E-ROW 4-->
 		            <div class="keys_ToRight">
			            <button id="keyPad_btnCube" class="keyPad_btnUnaryOp">x<sup>3</sup></button>
			            <button id="keyPad_btnCubeRoot" class="keyPad_btnUnaryOp">&#8731</button>
                        <button id="keyPad_btnOnePlusX" class="keyPad_btnUnaryOp">1+x</button>
        	            <button id="keyPad_btnOneMinusX" class="keyPad_btnUnaryOp">1-x</button>
		            </div> 
                    <button id="keyPad_btnSqrt2" class="keyPad_btnConst">&#8730;2</button>
                    <button id="keyPad_btnSqrt3" class="keyPad_btnConst">&#8730;3</button>
			        <button id="keyPad_btnCubeRoot2" class="keyPad_btnConst">&#8731;2</button>
                    <div class="oscSpacer2"></div>

                </div>
                <div class="oscSpacer3"></div>

		        <!--5th ROW-->
		        <div class="keys_ToRight">
			        <button id="keyPad_btnInverseSign" class="keyPad_btnUnaryOp">+/-</button>
			        <button id="keyPad_btnEnter" class="keyPad_btnCommand">=</button>
		        </div>  
        	    <button id="keyPad_btnBack" class="keyPad_btnCommand">&#8678</button>
		        <button id="keyPad_btnClr" class="keyPad_btnCommand">C</button>
                <button id="keyPad_btnAllClr" class="keyPad_btnCommand">AC</button>
		        <div class="clear"></div>
            </div>
            <div class="clear"></div>
            
            <article>
     	    <div class="oscDisclaimer">
	  	        <strong>Disclaimer</strong>. This calculator is provided �'AS IS'� for demo purpose only.
     	    </div>
            </article>
        </div> 

  	    <footer>
    		    <div class="oscNotice">Copyright � 2010 Alexander Bell. All rights reserved</div>
                <div class="oscNotice">MADE IN NEW YORK, USA</div>
  	    </footer>
   </div>
 </body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

DrABELL
President Infosoft International Inc
United States United States
Dr. A. Bell is a full-stack software developer (Win/Web/Mobile). He holds PhD in EE/IT, published 300+ articles, authored 37 inventions and is credited for 10+ Enterprise level projects; currently focused on HTML5/CSS3, Javascript/jQuery, .NET/WPF/C#, Android/Angular.js, 'Big Data', AI, IoT. Alex participated in App Innovation Contests (AIC 2102/2013) with multiple winning submissions. Sample projects/pubs:
  1. Real-time NY Bus monitoring app (IoT)
  2. Semaphon™ semantic phone num-to-text converter
  3. Educational Web Portal
  4. Free Online NY Payroll Tax Calculator
  5. WebTV powered by Embedded YouTube Player (Goog #1 YouTube API for ASP.NET)
  6. Top-50 Digital Cameras (powered by iMark-DCAM rating engine)
  7. Pure CSS3 Slide Show
  8. Inflation Calculator
  9. CSS3 Modal Pop-up Dialog
  10. Multilingual Geocoder with Interactive Map
  11. Online Semantic Analyzer (Concordance Calculator)
  12. NY City Job Market and Agency Ratings
  13. Advanced CSS3 Table Formatting

You may also be interested in...

Pro
Pro
| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.160919.1 | Last Updated 16 Feb 2015
Article Copyright 2010 by DrABELL
Everything else Copyright © CodeProject, 1999-2016
Layout: fixed | fluid