HTML
  Home arrow HTML arrow Building a Web Page Calculator
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
HTML

Building a Web Page Calculator
By: Chrysanthus Forcha
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 1
    2009-03-04

    Table of Contents:
  • Building a Web Page Calculator
  • Technical Interpretation of the Page
  • The Standard Calculator Controls
  • Code For Controls

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Building a Web Page Calculator


    (Page 1 of 4 )

    Assume that you want to place an order in a different currency and you are looking at a currency exchange web page. Before you place the order you may need to do some calculation. Would it not be nice if such a page had a standard calculator? Similarly, some scientific articles on the Internet require the reader to do some calculation to fully appreciate the topic. Would it not be nice if such a page had a scientific calculator? This is a six-part series which shows you how to design a calculator for your web page.

    Introduction

    I will start with the standard calculator before I go on to the scientific calculator. You need basic knowledge of HTML, JavaScript and CSS in order to understand this series. You also need some knowledge of mathematics.

    The Web Page

    Your web page will normally have many HTML elements. Here I will talk only about the things related to the calculator on the web page.

    It's likely that your web page does not have room for a calculator, taking into account all of the other elements on it. This series starts with that assumption. We will simply put a button with the title "Use Calculator" on our web page. When this button is clicked, the calculator appears. You do your calculation. When you click outside the calculator on the body element, the calculator disappears.

    More HTML Articles
    More By Chrysanthus Forcha


       · Oh no! not another push-button calculator...Is the one buit into every PC not...
       · It is good to have your own calculator, designed with the features you...
     

    HTML ARTICLES

    - Google Font API: Requesting a Bold Font Styl...
    - Google Font API: Using the Bi Shorthand
    - Working with the Google Font API`s bolditali...
    - Displaying Bold Text with the Google Font AP...
    - Using the Google Font API`s Bold Argument
    - The Google Font API`s i Shorthand
    - Using the Google Font API`s Italic Option wi...
    - Using the Google Font API`s Italic Option
    - The Google Font API: an Introduction
    - Using HTML 5`s Mark, Summary and Details Ele...
    - Embedding External Content with HTML 5`s Art...
    - Building Sidebars with HTML 5`s Aside Element
    - Working with HTML 5`s Footer Element
    - Using the HTML 5 Section Element
    - An Introduction to HTML 5: Doctype, Header a...







    © 2003-2010 by Developer Shed. All rights reserved. DS Cluster 6 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek