jscalc 0.0.95 → 0.0.96
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 7b02f837b68168212b6f61a5b5742a68d2f8cf14
|
|
4
|
+
data.tar.gz: 3b41f28b27ffddf46ab1e4ffcd95d53ae22d9717
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 25920e8636be26ab73e6e9f63c1538ed3f5110da42625bd94790bd096ad68b4192865fc5e0ccfaac59e932e9cd4e7732452458ec83115a16e85904051832f2eb
|
|
7
|
+
data.tar.gz: 1e0e6c6dad7b6d875891eb5f91b9009ff4f1248df5b2406581d2ce435760b3d74bae763c39fe99156bbd7b73906c599a93971a6108c41b89744b9e56238864d9
|
data/README.md
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
# jscals
|
|
2
|
+
|
|
3
|
+
jscalc is a calculator written in JavaScript/CSS3
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
Add this line to your application's Gemfile:
|
|
8
|
+
|
|
9
|
+
gem 'jscalc'
|
|
10
|
+
|
|
11
|
+
And then execute:
|
|
12
|
+
|
|
13
|
+
$ bundle install
|
|
14
|
+
|
|
15
|
+
Or install it yourself as:
|
|
16
|
+
|
|
17
|
+
$ gem install jscalc
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
20
|
+
|
|
21
|
+
Add the following HTML code to the page where you want the calculator to appear
|
|
22
|
+
|
|
23
|
+
<div id = "myCalculator">
|
|
24
|
+
<div id="panelDiv">
|
|
25
|
+
<input type ="text" id = "calcPanel" />
|
|
26
|
+
</div> <!--End panelDiv-->
|
|
27
|
+
</div><!--End myCalculator Div-->
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
Add the following to the bottom of application.html.erb (the script file must render in the body
|
|
31
|
+
section of the HTML page, not in the head section)
|
|
32
|
+
|
|
33
|
+
<%= javascript_include_tag "jscalc_v3.js" %>
|
|
34
|
+
|
|
35
|
+
Add the following line to the head section of application.html.erb
|
|
36
|
+
|
|
37
|
+
<%= stylesheet_link_tag "jscalc.css" %>
|
|
38
|
+
|
|
39
|
+
TO MAKE THE CALCULATOR DRAGGABLE, ensure that jQuery-ui is installed or add the following to the head section of application.html.erb
|
|
40
|
+
|
|
41
|
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
|
|
42
|
+
|
|
43
|
+
## Contributing
|
|
44
|
+
|
|
45
|
+
Written by Thomas Dowling (tomgdow)
|
|
46
|
+
The National College of Ireland
|
|
47
|
+
thomasgdowling@gmail.com
|
|
48
|
+
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
var pane = document.getElementById('calcPanel');
|
|
2
|
-
|
|
3
2
|
$(dragDiv);
|
|
4
3
|
|
|
4
|
+
|
|
5
|
+
document.getElementById('myCalculator').appendChild(elementGenerateSimple('buttonsWrapper','', "div"))
|
|
6
|
+
document.getElementById('buttonsWrapper').appendChild(elementGenerateSimple('calcRowOne','', "div"))
|
|
7
|
+
document.getElementById('buttonsWrapper').appendChild(elementGenerateSimple('calcRowTwo','', "div"))
|
|
8
|
+
document.getElementById('buttonsWrapper').appendChild(elementGenerateSimple('calcRowThree','', "div"))
|
|
9
|
+
document.getElementById('buttonsWrapper').appendChild(elementGenerateSimple('calcRowFour','', "div"))
|
|
10
|
+
document.getElementById('buttonsWrapper').appendChild(elementGenerateSimple('calcRowFive','', "div"))
|
|
11
|
+
document.getElementById('buttonsWrapper').appendChild(elementGenerateSimple('calcRowSix','', "div"))
|
|
12
|
+
|
|
5
13
|
//Functions
|
|
6
14
|
function dragDiv() {
|
|
7
15
|
$('#myCalculator').draggable();
|
|
@@ -91,6 +99,13 @@ function elementGenerate(myId, myClass,myContent, myElement) {
|
|
|
91
99
|
return myElement;
|
|
92
100
|
}
|
|
93
101
|
|
|
102
|
+
function elementGenerateSimple(myId,myContent, myElement) {
|
|
103
|
+
var myElement = document.createElement(myElement);
|
|
104
|
+
myElement.setAttribute("id", myId);
|
|
105
|
+
myElement.innerHTML = myContent;
|
|
106
|
+
return myElement;
|
|
107
|
+
}
|
|
108
|
+
|
|
94
109
|
//Generate Button Elements and Add to DOM
|
|
95
110
|
|
|
96
111
|
//Row One
|
|
@@ -180,4 +195,4 @@ document.addEventListener('keypress',function (e) {
|
|
|
180
195
|
|
|
181
196
|
document.getElementById('calcPanel').value = evalAlt(pane.value.replace(/[^-()\d/*+.]/g, ''));
|
|
182
197
|
}*/
|
|
183
|
-
|
|
198
|
+
|
|
@@ -2,15 +2,7 @@ h1 {
|
|
|
2
2
|
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
|
|
3
3
|
font-style: italic;
|
|
4
4
|
font-weight: bold;
|
|
5
|
-
margin-left: 10px;
|
|
6
5
|
}
|
|
7
|
-
|
|
8
|
-
h2 {
|
|
9
|
-
font-family: verdana, arial, helvetica, sans-serif;
|
|
10
|
-
margin-left: 50px;
|
|
11
|
-
font-weight: bold;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
6
|
.mybtn {
|
|
15
7
|
font-size: 20px;
|
|
16
8
|
height: 55px;
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jscalc
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.96
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- tomgdow
|
|
@@ -16,10 +16,11 @@ executables: []
|
|
|
16
16
|
extensions: []
|
|
17
17
|
extra_rdoc_files: []
|
|
18
18
|
files:
|
|
19
|
-
- app/assets/javascripts/
|
|
20
|
-
- app/assets/stylesheets/
|
|
19
|
+
- app/assets/javascripts/jscalc.js
|
|
20
|
+
- app/assets/stylesheets/jscalc.css
|
|
21
21
|
- lib/jscalc.rb
|
|
22
22
|
- lib/jscalc/engine.rb
|
|
23
|
+
- README.md
|
|
23
24
|
homepage: http://rubygems.org/gems/jscalc
|
|
24
25
|
licenses:
|
|
25
26
|
- MIT
|
|
@@ -43,5 +44,6 @@ rubyforge_project:
|
|
|
43
44
|
rubygems_version: 2.1.5
|
|
44
45
|
signing_key:
|
|
45
46
|
specification_version: 4
|
|
46
|
-
summary: An experimental JavaScript Calculator
|
|
47
|
+
summary: An experimental JavaScript Calculator, which is draggable (moveable) on the
|
|
48
|
+
HTML page
|
|
47
49
|
test_files: []
|