Projects

Calculator ZF

Calculator ZF 2.0 Scientific calculator with memory, date, time, currency converter, and scientific functions. This version has 50 buttons and three lcd-style displays. With cookies enabled the memory and exchange rate is kept even between browser sessions. It's made up of pure DHTML (HTML, CSS and Javascript), no images. The structure (HTML), the styling (CSS), and the functions (Javascript) are kept in three different files. This makes it easy to maintain, customize and incorporate in any webpage.

Download CARPE Calculator 2.0 (6 kB zip-archive)

Scientific functions [button labels in square brackets]:
• sine of x and inverted sine of x [sin] & [sin^-1]
• cosine of x and inverted cosine of x [cos] & [cos^-1]
• tangent of x and inverted tangent of x [tan] & [tan^-1]
• arcsine of x [asin]
• arcosine of x [acos]
• arctan of x [atan]
• x squared [x²]
• square root of x [√]
• x raised to the power of y [x^M] (y is first stored in the memory with [MS])
• x factorial [x!]
• natural logarithm of x [ln]
• base-10 logarithm of x [log]
• constants: E (the base of the natural logarithm) [e] & PI [π]
• engineering exponent [exp]
• brackets [(] & [)]
• plus/minus (change sign) x [±]

Currency functions [button labels in square brackets]:
• store exchange rate [¤]
• convert x from currency A to currency B [$]
• convert x from currency B to currency A [€]

Memory functions [button labels in square brackets]:
• clear memory [MC]
• store x in memory [MS] (previous memory content is deleted)
• recall memory [MR]
• add x to memory [M+]
• subtract x from memory [M-]
• see also the scientific function [x^M] above

Download CARPE Calculator 2.0 (6 kB zip-archive)

Calculator ZF 1.6 Similar to the newer ZF 2.0.

Calculator ZF 1.5 Similar to the newer ZF 2.0, but without cookie memory.

Calculator F

Calculator F 2.1 Basic calculator with currency converter. This version has 20 buttons and one lcd-style display. Keyboard and/or mouse may be used to make entries. The currency exchange rate is stored as a cookie.

Calculator F 2.0 A variation of version 2.1 above.

Currency functions [button labels in square brackets]:
• store exchange rate [€/$]
• convert x from currency A to currency B [$]
• convert x from currency B to currency A [€]

Calculator F 1.3 Calculator with memory function, date, time, and currency converter. This version has 25 buttons and three lcd-style displays. Keyboard and/or mouse may be used to make entries. Currency exchange rate and memory is stored as a cookie.

Currency functions [button labels in square brackets]:
• store exchange rate [€/$]
• convert x from currency A to currency B [$]
• convert x from currency B to currency A [€]

Memory functions [button labels in square brackets]:
• store x in memory [MS] (previous memory content is deleted)
• recall memory [MR]
• add x to memory [M+]
• subtract x from memory [M-]

Calculator B

Calculator B Basic calculator with lcd-style display.

Future models

Wish list for coming models:
• improved validation of button entries
• memory and exchange rate stored in a cookie
• skins or themes
• improved keyboard control
• alarm function
• customization of functions

Calculator Bookmarklets

Any of the calculators above can be implemented in different ways. You can embed them in a html file or you can access them from links that open a new window. With a calculator bookmarklet you can add a calculator to your favourites/bookmarks menu.

A bookmarklet is a favourite/bookmark that contains javascript. In this case the script will open a new window, modify it, and finally run the calculator in it.

Save the bookmarklets by right-clicking and choosing 'Add to favourites'/'Bookmark this link' from the menu:
• CARPE Calculator B 1.3
• CARPE Calculator F 1.2
• CARPE Calculator F 1.3
• CARPE Calculator F 2.0
• CARPE Calculator F 2.1
• CARPE Calculator ZF 1.5
• CARPE Calculator ZF 1.6
• CARPE Calculator ZF 2.0

Calendar A

Calendar A (Beta 1) Basic calendar with cookie-based storage and lcd-style time and date displays.

Future models

Wish list for coming models and versions:
• Alarm function
• Month report function
• Week view for editing
• Holiday definition flag
• Improved cookie management

Calendar Bookmarklet

The javascript calendar above can be implemented in different ways. You can embed it in a html document or you can access it from a link that open a new window. With a calendar bookmarklet you can add a calendar to your favourites/bookmarks menu or to your desktop.

A bookmarklet is a favourite/bookmark that contains javascript. In this case the script will open a new window, modify it, and finally run the calendar in it.

Save the bookmarklet by right-clicking and choosing 'Add to favourites'/'Bookmark this link' from the menu:
• CARPE Calendar A (Beta 1)

DHTML Slider Control

DHTML CARPE™ Slider. Customizable Javascript Slider control with value display. This slider does not use any image files, java-applets, or other objects. They demonstrate the power and simplicity of (X)HTML, CSS, and JavaScript working together. You can use the slider in (X)HTML forms, to enter values or to dynamically modify elements on your web pages.

All versions are found here:

• CARPE Slider 2.0 Beta (work in progress - feedback and bug info is welcome)
• DHTML Slider - CARPE Slider 1.5.1 (latest version)
• DHTML Slider - CARPE Slider 1.5
• Form Slider - CARPE Slider 1.4
• Javascript Slider (version 1.3)
• CARPE Slider 1.0 (Internet Explorer only)