jscalc 0.1.3 → 0.1.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +33 -27
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 80f42a3213f6474d4b3bab8f9c569096c7a06cc9
|
4
|
+
data.tar.gz: f0d36f668fa8f3c1e7d893be4abd2ffad5122d44
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 0ec873b8c99db9c92d1bd7203a8c376e0d07b0e1dfd4daff7c4a43196d6959d0af79cd0b219b399aadfda5d59d12ef8bbf0d5a00e8fd50859358e08c644691b2
|
7
|
+
data.tar.gz: ad900ad1eebe095f0e6d4b8e11ab3be8fb2fe336a323b67d489afe82ba99bf05466938e67878c37490d1206532ffa8885481578312e7a5e32c822d8afaf7c150
|
data/README.md
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
# JavaScript Calculator (jscalc)
|
2
2
|
[![Gem Version](https://badge.fury.io/rb/jscalc.png)](http://badge.fury.io/rb/jscalc)
|
3
3
|
|
4
|
-
**jscalc is a calculator written entirely in JavaScript and CSS-3, and may be easily incorporated into a
|
4
|
+
**jscalc** is a calculator written entirely in JavaScript and CSS-3, and may be easily incorporated into a
|
5
5
|
web-page. There are no images.
|
6
6
|
|
7
7
|
To make it draggable (moveable), jQuery-UI is required.
|
@@ -11,7 +11,6 @@ functions, such as those available in the **Math** Object are available.
|
|
11
11
|
Examples are **Math.random ()** and **parseInt()**.
|
12
12
|
|
13
13
|
## Installation
|
14
|
-
|
15
14
|
Add this line to your application's Gemfile:
|
16
15
|
|
17
16
|
gem 'jscalc'
|
@@ -27,14 +26,10 @@ Or install it yourself as:
|
|
27
26
|
Add the following HTML code to the page where you want the calculator to appear
|
28
27
|
|
29
28
|
>`<div id = "myCalculator">
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
</div> <!--End panelDiv-->
|
36
|
-
|
37
|
-
</div><!--End myCalculator Div-->`
|
29
|
+
><div id="panelDiv">
|
30
|
+
><input type ="text" id = "calcPanel" />
|
31
|
+
></div> <!--End panelDiv-->
|
32
|
+
></div><!--End myCalculator Div-->`
|
38
33
|
|
39
34
|
|
40
35
|
Add the following to the bottom of **application.html.erb** (the script file must render in the body
|
@@ -46,44 +41,55 @@ Add the following line to the head section of **application.html.erb**
|
|
46
41
|
|
47
42
|
> `<%= stylesheet_link_tag "jscalc.css" %>`
|
48
43
|
|
49
|
-
**
|
44
|
+
**To Make THE Calculator Draggable**
|
45
|
+
|
46
|
+
Ensure that jQuery-ui is installed or add the following code to the Head section of **application.html.erb** BEFORE the stylesheet link tag.
|
50
47
|
|
51
48
|
`<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>`
|
52
49
|
|
53
50
|
`<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>`
|
51
|
+
|
52
|
+
**To Inspect the Code**
|
53
|
+
|
54
|
+
When the gem is installed in an App running on a local machine, the code may be inspected using the following URLs
|
55
|
+
|
56
|
+
`http://localhost:3000/assets/jscalc.js`
|
57
|
+
|
58
|
+
`http://localhost:3000/assets/jscalc.css`
|
59
|
+
|
54
60
|
## Usage
|
55
61
|
|
56
|
-
Math.random()
|
62
|
+
Math.random()
|
57
63
|
|
58
|
-
Math.PI
|
64
|
+
Math.PI
|
59
65
|
|
60
|
-
Math.sqrt()
|
66
|
+
Math.sqrt()
|
61
67
|
|
62
|
-
Math.exp()
|
68
|
+
Math.exp()
|
63
69
|
|
64
|
-
Math.pow(10,3)
|
70
|
+
Math.pow(10,3)
|
65
71
|
|
66
|
-
Math.E
|
72
|
+
Math.E
|
67
73
|
|
68
|
-
Math.round()
|
74
|
+
Math.round()
|
69
75
|
|
70
|
-
x = new Date()
|
76
|
+
x = new Date()
|
71
77
|
|
72
|
-
x.getMonth()
|
78
|
+
x.getMonth()
|
73
79
|
|
74
|
-
x.getDate()
|
80
|
+
x.getDate()
|
75
81
|
|
76
|
-
x.getDay()
|
82
|
+
x.getDay()
|
77
83
|
|
78
|
-
x.getFullYear()
|
84
|
+
x.getFullYear()
|
79
85
|
|
80
|
-
navigator.appName
|
86
|
+
navigator.appName
|
81
87
|
|
82
|
-
parseInt(1101,2)
|
88
|
+
parseInt(1101,2)
|
83
89
|
|
84
|
-
isNaN(2)
|
90
|
+
isNaN(2)
|
85
91
|
|
86
|
-
typeof(2)
|
92
|
+
typeof(2)
|
87
93
|
|
88
94
|
See [here](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math) for a more comprehensive list.
|
89
95
|
|