ruby-opengeodb 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/History.txt +4 -0
- data/License.txt +20 -0
- data/Manifest.txt +20 -0
- data/README.txt +3 -0
- data/Rakefile +125 -0
- data/examples/example1.rb +26 -0
- data/examples/example2.rb +20 -0
- data/lib/ruby-opengeodb.rb +6 -0
- data/lib/ruby-opengeodb/location.rb +115 -0
- data/lib/ruby-opengeodb/opengeodb_connect.rb +25 -0
- data/lib/ruby-opengeodb/version.rb +9 -0
- data/scripts/txt2html +67 -0
- data/setup.rb +1585 -0
- data/test/test_helper.rb +2 -0
- data/test/test_ruby-opengeodb.rb +82 -0
- data/website/index.html +168 -0
- data/website/index.txt +103 -0
- data/website/javascripts/rounded_corners_lite.inc.js +285 -0
- data/website/stylesheets/screen.css +138 -0
- data/website/template.rhtml +48 -0
- metadata +79 -0
data/test/test_helper.rb
ADDED
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
require File.dirname(__FILE__) + '/test_helper.rb'
|
|
2
|
+
require 'ruby-opengeodb'
|
|
3
|
+
|
|
4
|
+
class TestRubyOpengeodb < Test::Unit::TestCase
|
|
5
|
+
|
|
6
|
+
def setup
|
|
7
|
+
#@coordinates = Coordinates.find(:all)
|
|
8
|
+
#@textdata = Textdata.find(:all, :order => 'text_val')
|
|
9
|
+
Location.db_connect("mysql",
|
|
10
|
+
"localhost",
|
|
11
|
+
"root",
|
|
12
|
+
nil,
|
|
13
|
+
"opengeodb",
|
|
14
|
+
"/var/run/mysqld/mysqld.sock")
|
|
15
|
+
end
|
|
16
|
+
|
|
17
|
+
#def test_distance_1
|
|
18
|
+
# p1 = Geopoint.new(50.0,13.0)
|
|
19
|
+
# p2 = Geopoint.new(49.0,88.0)
|
|
20
|
+
# assert_equal "444 km", RubyOpengeodb.distance(p1,p2).to_s
|
|
21
|
+
#end
|
|
22
|
+
|
|
23
|
+
def test_ludwigshafen
|
|
24
|
+
assert_equal "Ludwigshafen am Rhein", Location.new("67059").ort, "Ludwigshafen am Rhein nicht erhalten"
|
|
25
|
+
end
|
|
26
|
+
|
|
27
|
+
def test_berlin_plz
|
|
28
|
+
assert_equal "Berlin", Location.new("13359").ort, "Berlin nicht erhalten"
|
|
29
|
+
end
|
|
30
|
+
|
|
31
|
+
def test_nuernberg_plz
|
|
32
|
+
assert_equal "N\374rnberg", Location.new("90459").ort, "Nuernberg nicht erhalten"
|
|
33
|
+
end
|
|
34
|
+
|
|
35
|
+
def test_berlin_lat_lon
|
|
36
|
+
location = Location.new("13359")
|
|
37
|
+
assert_in_delta 52.56235, location.lat, 0.00001
|
|
38
|
+
assert_in_delta 13.38763, location.lon, 0.00001
|
|
39
|
+
# home, meine Wohnung anhand des Navis, hier muss man geringere Genauigkeit
|
|
40
|
+
# angeben, da die Koordinaten wohl fuer die "Mitte" des PLZen Gebiets gelten
|
|
41
|
+
# aber so ungefaehr kommt es hin
|
|
42
|
+
assert_in_delta 52.55814, location.lat, 0.01
|
|
43
|
+
assert_in_delta 13.39721, location.lon, 0.01
|
|
44
|
+
|
|
45
|
+
location = Location.new("13359")
|
|
46
|
+
assert_in_delta 52.55814, location.lat, 0.01
|
|
47
|
+
assert_in_delta 13.39721, location.lon, 0.01
|
|
48
|
+
|
|
49
|
+
end
|
|
50
|
+
|
|
51
|
+
def test_distance
|
|
52
|
+
b = Location.new("13359") # ich in Berlin
|
|
53
|
+
lu = Location.new("67059") # ich vorher in Ludwigshafen
|
|
54
|
+
|
|
55
|
+
assert_in_delta 0.0, b.distance(b), 0.001
|
|
56
|
+
assert_in_delta 0.0, lu.distance(lu), 0.001
|
|
57
|
+
assert_in_delta 487.2, b.distance(lu), 0.1
|
|
58
|
+
assert_in_delta 487.2, lu.distance(b), 0.1
|
|
59
|
+
|
|
60
|
+
end
|
|
61
|
+
|
|
62
|
+
def test_changelog
|
|
63
|
+
changelogs = Changelog.new.changelogs
|
|
64
|
+
assert_equal 59, changelogs.last.id
|
|
65
|
+
assert_equal Date.new(2006,3,14), changelogs.last.datum
|
|
66
|
+
assert_equal "Zusammenlegungen DE-Sachsen-Anhalt komplettiert", changelogs.last.beschreibung
|
|
67
|
+
assert_equal "Thomas Mack", changelogs.last.autor
|
|
68
|
+
assert_equal "0.2.4d", changelogs.last.version
|
|
69
|
+
assert_equal "59|2006-03-14|Zusammenlegungen DE-Sachsen-Anhalt komplettiert|Thomas Mack|0.2.4d", changelogs.last.to_s
|
|
70
|
+
|
|
71
|
+
end
|
|
72
|
+
|
|
73
|
+
def DONT_test_in_radius
|
|
74
|
+
ich = Location.new("13359")
|
|
75
|
+
nearby = ich.in_radius(30.0)
|
|
76
|
+
assert nearby.size > 0
|
|
77
|
+
nearby.each { |andere|
|
|
78
|
+
assert ich.distance(andere) <= 30.0
|
|
79
|
+
}
|
|
80
|
+
end
|
|
81
|
+
|
|
82
|
+
end
|
data/website/index.html
ADDED
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
|
2
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
3
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
|
4
|
+
<head>
|
|
5
|
+
<link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen" />
|
|
6
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
7
|
+
<title>
|
|
8
|
+
ruby opengeodb
|
|
9
|
+
</title>
|
|
10
|
+
<script src="javascripts/rounded_corners_lite.inc.js" type="text/javascript"></script>
|
|
11
|
+
<style>
|
|
12
|
+
|
|
13
|
+
</style>
|
|
14
|
+
<script type="text/javascript">
|
|
15
|
+
window.onload = function() {
|
|
16
|
+
settings = {
|
|
17
|
+
tl: { radius: 10 },
|
|
18
|
+
tr: { radius: 10 },
|
|
19
|
+
bl: { radius: 10 },
|
|
20
|
+
br: { radius: 10 },
|
|
21
|
+
antiAlias: true,
|
|
22
|
+
autoPad: true,
|
|
23
|
+
validTags: ["div"]
|
|
24
|
+
}
|
|
25
|
+
var versionBox = new curvyCorners(settings, document.getElementById("version"));
|
|
26
|
+
versionBox.applyCornersToAll();
|
|
27
|
+
}
|
|
28
|
+
</script>
|
|
29
|
+
</head>
|
|
30
|
+
<body>
|
|
31
|
+
<div id="main">
|
|
32
|
+
|
|
33
|
+
<h1>ruby opengeodb</h1>
|
|
34
|
+
<div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/ruby-opengeodb"; return false'>
|
|
35
|
+
<p>Get Version</p>
|
|
36
|
+
<a href="http://rubyforge.org/projects/ruby-opengeodb" class="numbers">0.0.1</a>
|
|
37
|
+
</div>
|
|
38
|
+
<h1>→ ‘ruby-opengeodb’</h1>
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
<h2>What</h2>
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
<p>Dieses Gem erlaubt den Zugriff auf eine OpenGeoDB Datenbank um Geoinformationen daraus zu ermitteln (z.B. <span class="caps">GPS</span>-Daten zu einer <span class="caps">PLZ</span>) oder Entfernungsberechnung.</p>
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
<p>ruby-opengeodb kann verwendet werden, um die Laengen- und Breitengrade zu einem
|
|
48
|
+
Ort zu ermitteln um diesen zum Beispiel auf einer generierten Landkarte anzuzeigen. Es kann zur Entfernungsberechnung verwendet werden: z.B. Suche von Personen oder Objekten, Veranstaltungen, etc. in einem definierten Umkreis.
|
|
49
|
+
Eine weitere Verwendungsmoeglichkeit waeren Location-Based-Services, bei dem
|
|
50
|
+
z.B. allen Besuchern im Umkreis von 30 km ein bestimmtes Werbebanner eingeblendet wird.</p>
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
<p>OpenGeoDB ist ein Projekt, welches freie Geoinformationen (hauptsaechlich fuer Deutschland, Oesterreich und die Schweiz) zusammengetragen und in einer flexiblen Datenbankstruktur mit vielen Moeglichkeiten zur Abfrage zur Verfuegung stellt.</p>
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
<p>Ich habe mit diesem Projekt selbst nichts zu tun – deshalb werde ich auch
|
|
57
|
+
keinen (kostenlosen) Support zum korrekten Einrichten dieser Datenbank oder
|
|
58
|
+
anderer Fragen, die damit zusammenhaengen, leisten. Fuer diesbezuegliche
|
|
59
|
+
Probleme: <a href="http://www.google.com/search?q=opengeodb&ie=utf-8&oe=utf-8&aq=t">OpenGeoDB</a></p>
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
<h2>Installing</h2>
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
<pre syntax="ruby">sudo gem install ruby-opengeodb</pre>
|
|
66
|
+
|
|
67
|
+
<h2>The basics</h2>
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
<p>Da ich mit Test-Driven-Development (TDD) arbeite, sollten fuer jede Funktion
|
|
71
|
+
dieses Gems in den mitgelieferten Testfaellen ein Beispiel zur Verwendung
|
|
72
|
+
enthalten sein.</p>
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
<h2>Demonstration of usage</h2>
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
<pre>
|
|
79
|
+
<code>
|
|
80
|
+
require 'rubygems'
|
|
81
|
+
require 'ruby-opengeodb'
|
|
82
|
+
|
|
83
|
+
# Verbindung zur Datenbank aufbauen
|
|
84
|
+
Location.db_connect
|
|
85
|
+
# Achtung: ggf. eigene Parameter fuer DB angeben,
|
|
86
|
+
# falls von meiner Standardbelegung unterschiedlich!
|
|
87
|
+
|
|
88
|
+
# dies ist die Default-Belegung:
|
|
89
|
+
# Location.db_connect(adapter="mysql",
|
|
90
|
+
# host="localhost",
|
|
91
|
+
# username="root",
|
|
92
|
+
# password=nil,
|
|
93
|
+
# database="opengeodb",
|
|
94
|
+
# socket="/var/run/mysqld/mysqld.sock"
|
|
95
|
+
|
|
96
|
+
# Achtung: die Laengen- und Breitengrade geben die ungefaehre Mitte des PLZ-Bereichs an und koennen leicht von den eigenen Koordinaten abweichen, wenn man in diesem PLZ-Gebiet wohnt.
|
|
97
|
+
|
|
98
|
+
locations = %w(13359 67059 90459 56068 69115)
|
|
99
|
+
# = Berlin, Ludwigshafen, Nuernberg, Koblenz, Heidelberg
|
|
100
|
+
|
|
101
|
+
locations.each { |plz|
|
|
102
|
+
location = Location.new(plz)
|
|
103
|
+
puts "PLZ: #{plz} Ort: #{location.ort} Lat: #{location.lat} Lon: #{location.lon}"
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
# Entfernung (Luftlinie) von Ludwigshafen -> Berlin
|
|
107
|
+
|
|
108
|
+
ludwigshafen = Location.new("67059")
|
|
109
|
+
berlin = Location.new("13359")
|
|
110
|
+
|
|
111
|
+
puts "Entfernung: " + ludwigshafen.distance(berlin).to_s + " km"
|
|
112
|
+
|
|
113
|
+
# zur Kontrolle, der umgekehrte Weg muss (zumindest in diesem Universum) gleich lang sein
|
|
114
|
+
|
|
115
|
+
puts "Entfernung: " + berlin.distance(ludwigshafen).to_s + " km"
|
|
116
|
+
</code>
|
|
117
|
+
</pre>
|
|
118
|
+
|
|
119
|
+
<p>Dies ist noch eine ziemlich rudimentaer Form dieses Gems – weitere Funktionen
|
|
120
|
+
werden noch eingebaut.</p>
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
<p>Die Methode Changelog#changelogs gibt ein Array mit den Datensaetzen zurueck,
|
|
124
|
+
die beschreiben, was an der Datenbank zuletzt geaendert wurde. Keine Anwendungs
|
|
125
|
+
methode im eigenlichen Sinne, kann aber ganz nuetzlich sein, wenn man wissen will, welcher Version verwendet wird, ob bestimmte Aenderungen auch in der Version der Datenbank, die man selbst abfragt, schon eingeflossen sind.</p>
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
<p>Was wollt ihr unbedingt noch haben – schreibt mir an die untenstehende eMail-Adresse!</p>
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
<h2>Forum</h2>
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
<p><a href="http://groups.google.com/group/ruby-opengeodb">http://groups.google.com/group/ruby-opengeodb</a></p>
|
|
135
|
+
|
|
136
|
+
|
|
137
|
+
<p><span class="caps">TODO</span> – create Google Group – ruby-opengeodb</p>
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
<h2>How to submit patches</h2>
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
<p>Read the <a href="http://drnicwilliams.com/2007/06/01/8-steps-for-fixing-other-peoples-code/">8 steps for fixing other people’s code</a> and for section <a href="http://drnicwilliams.com/2007/06/01/8-steps-for-fixing-other-peoples-code/#8b-google-groups">8b: Submit patch to Google Groups</a>, use the Google Group above.</p>
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
<p>The trunk repository is <code>svn://rubyforge.org/var/svn/ruby-opengeodb/trunk</code> for anonymous access.</p>
|
|
147
|
+
|
|
148
|
+
|
|
149
|
+
<h2>License</h2>
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
<p>This code is free to use under the terms of the <span class="caps">MIT</span> license.</p>
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
<h2>Contact</h2>
|
|
156
|
+
|
|
157
|
+
|
|
158
|
+
<p>Comments are welcome. Send an email to <a href="mailto:thopre@gmail.com">Thomas Preymesser</a>.</p>
|
|
159
|
+
<p class="coda">
|
|
160
|
+
<a href="mailto:drnicwilliams@gmail.com">Dr Nic</a>, 27th July 2007<br>
|
|
161
|
+
Theme extended from <a href="http://rb2js.rubyforge.org/">Paul Battley</a>
|
|
162
|
+
</p>
|
|
163
|
+
</div>
|
|
164
|
+
|
|
165
|
+
<!-- insert site tracking codes here, like Google Urchin -->
|
|
166
|
+
|
|
167
|
+
</body>
|
|
168
|
+
</html>
|
data/website/index.txt
ADDED
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
h1. ruby opengeodb
|
|
2
|
+
|
|
3
|
+
h1. → 'ruby-opengeodb'
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
h2. What
|
|
7
|
+
|
|
8
|
+
Dieses Gem erlaubt den Zugriff auf eine OpenGeoDB Datenbank um Geoinformationen daraus zu ermitteln (z.B. GPS-Daten zu einer PLZ) oder Entfernungsberechnung.
|
|
9
|
+
|
|
10
|
+
ruby-opengeodb kann verwendet werden, um die Laengen- und Breitengrade zu einem
|
|
11
|
+
Ort zu ermitteln um diesen zum Beispiel auf einer generierten Landkarte anzuzeigen. Es kann zur Entfernungsberechnung verwendet werden: z.B. Suche von Personen oder Objekten, Veranstaltungen, etc. in einem definierten Umkreis.
|
|
12
|
+
Eine weitere Verwendungsmoeglichkeit waeren Location-Based-Services, bei dem
|
|
13
|
+
z.B. allen Besuchern im Umkreis von 30 km ein bestimmtes Werbebanner eingeblendet wird.
|
|
14
|
+
|
|
15
|
+
OpenGeoDB ist ein Projekt, welches freie Geoinformationen (hauptsaechlich fuer Deutschland, Oesterreich und die Schweiz) zusammengetragen und in einer flexiblen Datenbankstruktur mit vielen Moeglichkeiten zur Abfrage zur Verfuegung stellt.
|
|
16
|
+
|
|
17
|
+
Ich habe mit diesem Projekt selbst nichts zu tun - deshalb werde ich auch
|
|
18
|
+
keinen (kostenlosen) Support zum korrekten Einrichten dieser Datenbank oder
|
|
19
|
+
anderer Fragen, die damit zusammenhaengen, leisten. Fuer diesbezuegliche
|
|
20
|
+
Probleme: "OpenGeoDB":http://www.google.com/search?q=opengeodb&ie=utf-8&oe=utf-8&aq=t
|
|
21
|
+
|
|
22
|
+
h2. Installing
|
|
23
|
+
|
|
24
|
+
<pre syntax="ruby">sudo gem install ruby-opengeodb</pre>
|
|
25
|
+
|
|
26
|
+
h2. The basics
|
|
27
|
+
|
|
28
|
+
Da ich mit Test-Driven-Development (TDD) arbeite, sollten fuer jede Funktion
|
|
29
|
+
dieses Gems in den mitgelieferten Testfaellen ein Beispiel zur Verwendung
|
|
30
|
+
enthalten sein.
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
h2. Demonstration of usage
|
|
34
|
+
|
|
35
|
+
<pre>
|
|
36
|
+
<code>
|
|
37
|
+
require 'rubygems'
|
|
38
|
+
require 'ruby-opengeodb'
|
|
39
|
+
|
|
40
|
+
# Verbindung zur Datenbank aufbauen
|
|
41
|
+
Location.db_connect
|
|
42
|
+
# Achtung: ggf. eigene Parameter fuer DB angeben,
|
|
43
|
+
# falls von meiner Standardbelegung unterschiedlich!
|
|
44
|
+
|
|
45
|
+
# dies ist die Default-Belegung:
|
|
46
|
+
# Location.db_connect(adapter="mysql",
|
|
47
|
+
# host="localhost",
|
|
48
|
+
# username="root",
|
|
49
|
+
# password=nil,
|
|
50
|
+
# database="opengeodb",
|
|
51
|
+
# socket="/var/run/mysqld/mysqld.sock"
|
|
52
|
+
|
|
53
|
+
# Achtung: die Laengen- und Breitengrade geben die ungefaehre Mitte des PLZ-Bereichs an und koennen leicht von den eigenen Koordinaten abweichen, wenn man in diesem PLZ-Gebiet wohnt.
|
|
54
|
+
|
|
55
|
+
locations = %w(13359 67059 90459 56068 69115)
|
|
56
|
+
# = Berlin, Ludwigshafen, Nuernberg, Koblenz, Heidelberg
|
|
57
|
+
|
|
58
|
+
locations.each { |plz|
|
|
59
|
+
location = Location.new(plz)
|
|
60
|
+
puts "PLZ: #{plz} Ort: #{location.ort} Lat: #{location.lat} Lon: #{location.lon}"
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
# Entfernung (Luftlinie) von Ludwigshafen -> Berlin
|
|
64
|
+
|
|
65
|
+
ludwigshafen = Location.new("67059")
|
|
66
|
+
berlin = Location.new("13359")
|
|
67
|
+
|
|
68
|
+
puts "Entfernung: " + ludwigshafen.distance(berlin).to_s + " km"
|
|
69
|
+
|
|
70
|
+
# zur Kontrolle, der umgekehrte Weg muss (zumindest in diesem Universum) gleich lang sein
|
|
71
|
+
|
|
72
|
+
puts "Entfernung: " + berlin.distance(ludwigshafen).to_s + " km"
|
|
73
|
+
</code>
|
|
74
|
+
</pre>
|
|
75
|
+
|
|
76
|
+
Dies ist noch eine ziemlich rudimentaer Form dieses Gems - weitere Funktionen
|
|
77
|
+
werden noch eingebaut.
|
|
78
|
+
|
|
79
|
+
Die Methode Changelog#changelogs gibt ein Array mit den Datensaetzen zurueck,
|
|
80
|
+
die beschreiben, was an der Datenbank zuletzt geaendert wurde. Keine Anwendungs
|
|
81
|
+
methode im eigenlichen Sinne, kann aber ganz nuetzlich sein, wenn man wissen will, welcher Version verwendet wird, ob bestimmte Aenderungen auch in der Version der Datenbank, die man selbst abfragt, schon eingeflossen sind.
|
|
82
|
+
|
|
83
|
+
Was wollt ihr unbedingt noch haben - schreibt mir an die untenstehende eMail-Adresse!
|
|
84
|
+
|
|
85
|
+
h2. Forum
|
|
86
|
+
|
|
87
|
+
"http://groups.google.com/group/ruby-opengeodb":http://groups.google.com/group/ruby-opengeodb
|
|
88
|
+
|
|
89
|
+
TODO - create Google Group - ruby-opengeodb
|
|
90
|
+
|
|
91
|
+
h2. How to submit patches
|
|
92
|
+
|
|
93
|
+
Read the "8 steps for fixing other people's code":http://drnicwilliams.com/2007/06/01/8-steps-for-fixing-other-peoples-code/ and for section "8b: Submit patch to Google Groups":http://drnicwilliams.com/2007/06/01/8-steps-for-fixing-other-peoples-code/#8b-google-groups, use the Google Group above.
|
|
94
|
+
|
|
95
|
+
The trunk repository is <code>svn://rubyforge.org/var/svn/ruby-opengeodb/trunk</code> for anonymous access.
|
|
96
|
+
|
|
97
|
+
h2. License
|
|
98
|
+
|
|
99
|
+
This code is free to use under the terms of the MIT license.
|
|
100
|
+
|
|
101
|
+
h2. Contact
|
|
102
|
+
|
|
103
|
+
Comments are welcome. Send an email to "Thomas Preymesser":mailto:thopre@gmail.com.
|
|
@@ -0,0 +1,285 @@
|
|
|
1
|
+
|
|
2
|
+
/****************************************************************
|
|
3
|
+
* *
|
|
4
|
+
* curvyCorners *
|
|
5
|
+
* ------------ *
|
|
6
|
+
* *
|
|
7
|
+
* This script generates rounded corners for your divs. *
|
|
8
|
+
* *
|
|
9
|
+
* Version 1.2.9 *
|
|
10
|
+
* Copyright (c) 2006 Cameron Cooke *
|
|
11
|
+
* By: Cameron Cooke and Tim Hutchison. *
|
|
12
|
+
* *
|
|
13
|
+
* *
|
|
14
|
+
* Website: http://www.curvycorners.net *
|
|
15
|
+
* Email: info@totalinfinity.com *
|
|
16
|
+
* Forum: http://www.curvycorners.net/forum/ *
|
|
17
|
+
* *
|
|
18
|
+
* *
|
|
19
|
+
* This library is free software; you can redistribute *
|
|
20
|
+
* it and/or modify it under the terms of the GNU *
|
|
21
|
+
* Lesser General Public License as published by the *
|
|
22
|
+
* Free Software Foundation; either version 2.1 of the *
|
|
23
|
+
* License, or (at your option) any later version. *
|
|
24
|
+
* *
|
|
25
|
+
* This library is distributed in the hope that it will *
|
|
26
|
+
* be useful, but WITHOUT ANY WARRANTY; without even the *
|
|
27
|
+
* implied warranty of MERCHANTABILITY or FITNESS FOR A *
|
|
28
|
+
* PARTICULAR PURPOSE. See the GNU Lesser General Public *
|
|
29
|
+
* License for more details. *
|
|
30
|
+
* *
|
|
31
|
+
* You should have received a copy of the GNU Lesser *
|
|
32
|
+
* General Public License along with this library; *
|
|
33
|
+
* Inc., 59 Temple Place, Suite 330, Boston, *
|
|
34
|
+
* MA 02111-1307 USA *
|
|
35
|
+
* *
|
|
36
|
+
****************************************************************/
|
|
37
|
+
|
|
38
|
+
var isIE = navigator.userAgent.toLowerCase().indexOf("msie") > -1; var isMoz = document.implementation && document.implementation.createDocument; var isSafari = ((navigator.userAgent.toLowerCase().indexOf('safari')!=-1)&&(navigator.userAgent.toLowerCase().indexOf('mac')!=-1))?true:false; function curvyCorners()
|
|
39
|
+
{ if(typeof(arguments[0]) != "object") throw newCurvyError("First parameter of curvyCorners() must be an object."); if(typeof(arguments[1]) != "object" && typeof(arguments[1]) != "string") throw newCurvyError("Second parameter of curvyCorners() must be an object or a class name."); if(typeof(arguments[1]) == "string")
|
|
40
|
+
{ var startIndex = 0; var boxCol = getElementsByClass(arguments[1]);}
|
|
41
|
+
else
|
|
42
|
+
{ var startIndex = 1; var boxCol = arguments;}
|
|
43
|
+
var curvyCornersCol = new Array(); if(arguments[0].validTags)
|
|
44
|
+
var validElements = arguments[0].validTags; else
|
|
45
|
+
var validElements = ["div"]; for(var i = startIndex, j = boxCol.length; i < j; i++)
|
|
46
|
+
{ var currentTag = boxCol[i].tagName.toLowerCase(); if(inArray(validElements, currentTag) !== false)
|
|
47
|
+
{ curvyCornersCol[curvyCornersCol.length] = new curvyObject(arguments[0], boxCol[i]);}
|
|
48
|
+
}
|
|
49
|
+
this.objects = curvyCornersCol; this.applyCornersToAll = function()
|
|
50
|
+
{ for(var x = 0, k = this.objects.length; x < k; x++)
|
|
51
|
+
{ this.objects[x].applyCorners();}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
function curvyObject()
|
|
55
|
+
{ this.box = arguments[1]; this.settings = arguments[0]; this.topContainer = null; this.bottomContainer = null; this.masterCorners = new Array(); this.contentDIV = null; var boxHeight = get_style(this.box, "height", "height"); var boxWidth = get_style(this.box, "width", "width"); var borderWidth = get_style(this.box, "borderTopWidth", "border-top-width"); var borderColour = get_style(this.box, "borderTopColor", "border-top-color"); var boxColour = get_style(this.box, "backgroundColor", "background-color"); var backgroundImage = get_style(this.box, "backgroundImage", "background-image"); var boxPosition = get_style(this.box, "position", "position"); var boxPadding = get_style(this.box, "paddingTop", "padding-top"); this.boxHeight = parseInt(((boxHeight != "" && boxHeight != "auto" && boxHeight.indexOf("%") == -1)? boxHeight.substring(0, boxHeight.indexOf("px")) : this.box.scrollHeight)); this.boxWidth = parseInt(((boxWidth != "" && boxWidth != "auto" && boxWidth.indexOf("%") == -1)? boxWidth.substring(0, boxWidth.indexOf("px")) : this.box.scrollWidth)); this.borderWidth = parseInt(((borderWidth != "" && borderWidth.indexOf("px") !== -1)? borderWidth.slice(0, borderWidth.indexOf("px")) : 0)); this.boxColour = format_colour(boxColour); this.boxPadding = parseInt(((boxPadding != "" && boxPadding.indexOf("px") !== -1)? boxPadding.slice(0, boxPadding.indexOf("px")) : 0)); this.borderColour = format_colour(borderColour); this.borderString = this.borderWidth + "px" + " solid " + this.borderColour; this.backgroundImage = ((backgroundImage != "none")? backgroundImage : ""); this.boxContent = this.box.innerHTML; if(boxPosition != "absolute") this.box.style.position = "relative"; this.box.style.padding = "0px"; if(isIE && boxWidth == "auto" && boxHeight == "auto") this.box.style.width = "100%"; if(this.settings.autoPad == true && this.boxPadding > 0)
|
|
56
|
+
this.box.innerHTML = ""; this.applyCorners = function()
|
|
57
|
+
{ for(var t = 0; t < 2; t++)
|
|
58
|
+
{ switch(t)
|
|
59
|
+
{ case 0:
|
|
60
|
+
if(this.settings.tl || this.settings.tr)
|
|
61
|
+
{ var newMainContainer = document.createElement("DIV"); newMainContainer.style.width = "100%"; newMainContainer.style.fontSize = "1px"; newMainContainer.style.overflow = "hidden"; newMainContainer.style.position = "absolute"; newMainContainer.style.paddingLeft = this.borderWidth + "px"; newMainContainer.style.paddingRight = this.borderWidth + "px"; var topMaxRadius = Math.max(this.settings.tl ? this.settings.tl.radius : 0, this.settings.tr ? this.settings.tr.radius : 0); newMainContainer.style.height = topMaxRadius + "px"; newMainContainer.style.top = 0 - topMaxRadius + "px"; newMainContainer.style.left = 0 - this.borderWidth + "px"; this.topContainer = this.box.appendChild(newMainContainer);}
|
|
62
|
+
break; case 1:
|
|
63
|
+
if(this.settings.bl || this.settings.br)
|
|
64
|
+
{ var newMainContainer = document.createElement("DIV"); newMainContainer.style.width = "100%"; newMainContainer.style.fontSize = "1px"; newMainContainer.style.overflow = "hidden"; newMainContainer.style.position = "absolute"; newMainContainer.style.paddingLeft = this.borderWidth + "px"; newMainContainer.style.paddingRight = this.borderWidth + "px"; var botMaxRadius = Math.max(this.settings.bl ? this.settings.bl.radius : 0, this.settings.br ? this.settings.br.radius : 0); newMainContainer.style.height = botMaxRadius + "px"; newMainContainer.style.bottom = 0 - botMaxRadius + "px"; newMainContainer.style.left = 0 - this.borderWidth + "px"; this.bottomContainer = this.box.appendChild(newMainContainer);}
|
|
65
|
+
break;}
|
|
66
|
+
}
|
|
67
|
+
if(this.topContainer) this.box.style.borderTopWidth = "0px"; if(this.bottomContainer) this.box.style.borderBottomWidth = "0px"; var corners = ["tr", "tl", "br", "bl"]; for(var i in corners)
|
|
68
|
+
{ if(i > -1 < 4)
|
|
69
|
+
{ var cc = corners[i]; if(!this.settings[cc])
|
|
70
|
+
{ if(((cc == "tr" || cc == "tl") && this.topContainer != null) || ((cc == "br" || cc == "bl") && this.bottomContainer != null))
|
|
71
|
+
{ var newCorner = document.createElement("DIV"); newCorner.style.position = "relative"; newCorner.style.fontSize = "1px"; newCorner.style.overflow = "hidden"; if(this.backgroundImage == "")
|
|
72
|
+
newCorner.style.backgroundColor = this.boxColour; else
|
|
73
|
+
newCorner.style.backgroundImage = this.backgroundImage; switch(cc)
|
|
74
|
+
{ case "tl":
|
|
75
|
+
newCorner.style.height = topMaxRadius - this.borderWidth + "px"; newCorner.style.marginRight = this.settings.tr.radius - (this.borderWidth*2) + "px"; newCorner.style.borderLeft = this.borderString; newCorner.style.borderTop = this.borderString; newCorner.style.left = -this.borderWidth + "px"; break; case "tr":
|
|
76
|
+
newCorner.style.height = topMaxRadius - this.borderWidth + "px"; newCorner.style.marginLeft = this.settings.tl.radius - (this.borderWidth*2) + "px"; newCorner.style.borderRight = this.borderString; newCorner.style.borderTop = this.borderString; newCorner.style.backgroundPosition = "-" + (topMaxRadius + this.borderWidth) + "px 0px"; newCorner.style.left = this.borderWidth + "px"; break; case "bl":
|
|
77
|
+
newCorner.style.height = botMaxRadius - this.borderWidth + "px"; newCorner.style.marginRight = this.settings.br.radius - (this.borderWidth*2) + "px"; newCorner.style.borderLeft = this.borderString; newCorner.style.borderBottom = this.borderString; newCorner.style.left = -this.borderWidth + "px"; newCorner.style.backgroundPosition = "-" + (this.borderWidth) + "px -" + (this.boxHeight + (botMaxRadius + this.borderWidth)) + "px"; break; case "br":
|
|
78
|
+
newCorner.style.height = botMaxRadius - this.borderWidth + "px"; newCorner.style.marginLeft = this.settings.bl.radius - (this.borderWidth*2) + "px"; newCorner.style.borderRight = this.borderString; newCorner.style.borderBottom = this.borderString; newCorner.style.left = this.borderWidth + "px"
|
|
79
|
+
newCorner.style.backgroundPosition = "-" + (botMaxRadius + this.borderWidth) + "px -" + (this.boxHeight + (botMaxRadius + this.borderWidth)) + "px"; break;}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
else
|
|
83
|
+
{ if(this.masterCorners[this.settings[cc].radius])
|
|
84
|
+
{ var newCorner = this.masterCorners[this.settings[cc].radius].cloneNode(true);}
|
|
85
|
+
else
|
|
86
|
+
{ var newCorner = document.createElement("DIV"); newCorner.style.height = this.settings[cc].radius + "px"; newCorner.style.width = this.settings[cc].radius + "px"; newCorner.style.position = "absolute"; newCorner.style.fontSize = "1px"; newCorner.style.overflow = "hidden"; var borderRadius = parseInt(this.settings[cc].radius - this.borderWidth); for(var intx = 0, j = this.settings[cc].radius; intx < j; intx++)
|
|
87
|
+
{ if((intx +1) >= borderRadius)
|
|
88
|
+
var y1 = -1; else
|
|
89
|
+
var y1 = (Math.floor(Math.sqrt(Math.pow(borderRadius, 2) - Math.pow((intx+1), 2))) - 1); if(borderRadius != j)
|
|
90
|
+
{ if((intx) >= borderRadius)
|
|
91
|
+
var y2 = -1; else
|
|
92
|
+
var y2 = Math.ceil(Math.sqrt(Math.pow(borderRadius,2) - Math.pow(intx, 2))); if((intx+1) >= j)
|
|
93
|
+
var y3 = -1; else
|
|
94
|
+
var y3 = (Math.floor(Math.sqrt(Math.pow(j ,2) - Math.pow((intx+1), 2))) - 1);}
|
|
95
|
+
if((intx) >= j)
|
|
96
|
+
var y4 = -1; else
|
|
97
|
+
var y4 = Math.ceil(Math.sqrt(Math.pow(j ,2) - Math.pow(intx, 2))); if(y1 > -1) this.drawPixel(intx, 0, this.boxColour, 100, (y1+1), newCorner, -1, this.settings[cc].radius); if(borderRadius != j)
|
|
98
|
+
{ for(var inty = (y1 + 1); inty < y2; inty++)
|
|
99
|
+
{ if(this.settings.antiAlias)
|
|
100
|
+
{ if(this.backgroundImage != "")
|
|
101
|
+
{ var borderFract = (pixelFraction(intx, inty, borderRadius) * 100); if(borderFract < 30)
|
|
102
|
+
{ this.drawPixel(intx, inty, this.borderColour, 100, 1, newCorner, 0, this.settings[cc].radius);}
|
|
103
|
+
else
|
|
104
|
+
{ this.drawPixel(intx, inty, this.borderColour, 100, 1, newCorner, -1, this.settings[cc].radius);}
|
|
105
|
+
}
|
|
106
|
+
else
|
|
107
|
+
{ var pixelcolour = BlendColour(this.boxColour, this.borderColour, pixelFraction(intx, inty, borderRadius)); this.drawPixel(intx, inty, pixelcolour, 100, 1, newCorner, 0, this.settings[cc].radius, cc);}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
if(this.settings.antiAlias)
|
|
111
|
+
{ if(y3 >= y2)
|
|
112
|
+
{ if (y2 == -1) y2 = 0; this.drawPixel(intx, y2, this.borderColour, 100, (y3 - y2 + 1), newCorner, 0, 0);}
|
|
113
|
+
}
|
|
114
|
+
else
|
|
115
|
+
{ if(y3 >= y1)
|
|
116
|
+
{ this.drawPixel(intx, (y1 + 1), this.borderColour, 100, (y3 - y1), newCorner, 0, 0);}
|
|
117
|
+
}
|
|
118
|
+
var outsideColour = this.borderColour;}
|
|
119
|
+
else
|
|
120
|
+
{ var outsideColour = this.boxColour; var y3 = y1;}
|
|
121
|
+
if(this.settings.antiAlias)
|
|
122
|
+
{ for(var inty = (y3 + 1); inty < y4; inty++)
|
|
123
|
+
{ this.drawPixel(intx, inty, outsideColour, (pixelFraction(intx, inty , j) * 100), 1, newCorner, ((this.borderWidth > 0)? 0 : -1), this.settings[cc].radius);}
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
this.masterCorners[this.settings[cc].radius] = newCorner.cloneNode(true);}
|
|
127
|
+
if(cc != "br")
|
|
128
|
+
{ for(var t = 0, k = newCorner.childNodes.length; t < k; t++)
|
|
129
|
+
{ var pixelBar = newCorner.childNodes[t]; var pixelBarTop = parseInt(pixelBar.style.top.substring(0, pixelBar.style.top.indexOf("px"))); var pixelBarLeft = parseInt(pixelBar.style.left.substring(0, pixelBar.style.left.indexOf("px"))); var pixelBarHeight = parseInt(pixelBar.style.height.substring(0, pixelBar.style.height.indexOf("px"))); if(cc == "tl" || cc == "bl"){ pixelBar.style.left = this.settings[cc].radius -pixelBarLeft -1 + "px";}
|
|
130
|
+
if(cc == "tr" || cc == "tl"){ pixelBar.style.top = this.settings[cc].radius -pixelBarHeight -pixelBarTop + "px";}
|
|
131
|
+
switch(cc)
|
|
132
|
+
{ case "tr":
|
|
133
|
+
pixelBar.style.backgroundPosition = "-" + Math.abs((this.boxWidth - this.settings[cc].radius + this.borderWidth) + pixelBarLeft) + "px -" + Math.abs(this.settings[cc].radius -pixelBarHeight -pixelBarTop - this.borderWidth) + "px"; break; case "tl":
|
|
134
|
+
pixelBar.style.backgroundPosition = "-" + Math.abs((this.settings[cc].radius -pixelBarLeft -1) - this.borderWidth) + "px -" + Math.abs(this.settings[cc].radius -pixelBarHeight -pixelBarTop - this.borderWidth) + "px"; break; case "bl":
|
|
135
|
+
pixelBar.style.backgroundPosition = "-" + Math.abs((this.settings[cc].radius -pixelBarLeft -1) - this.borderWidth) + "px -" + Math.abs((this.boxHeight + this.settings[cc].radius + pixelBarTop) -this.borderWidth) + "px"; break;}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
if(newCorner)
|
|
140
|
+
{ switch(cc)
|
|
141
|
+
{ case "tl":
|
|
142
|
+
if(newCorner.style.position == "absolute") newCorner.style.top = "0px"; if(newCorner.style.position == "absolute") newCorner.style.left = "0px"; if(this.topContainer) this.topContainer.appendChild(newCorner); break; case "tr":
|
|
143
|
+
if(newCorner.style.position == "absolute") newCorner.style.top = "0px"; if(newCorner.style.position == "absolute") newCorner.style.right = "0px"; if(this.topContainer) this.topContainer.appendChild(newCorner); break; case "bl":
|
|
144
|
+
if(newCorner.style.position == "absolute") newCorner.style.bottom = "0px"; if(newCorner.style.position == "absolute") newCorner.style.left = "0px"; if(this.bottomContainer) this.bottomContainer.appendChild(newCorner); break; case "br":
|
|
145
|
+
if(newCorner.style.position == "absolute") newCorner.style.bottom = "0px"; if(newCorner.style.position == "absolute") newCorner.style.right = "0px"; if(this.bottomContainer) this.bottomContainer.appendChild(newCorner); break;}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
var radiusDiff = new Array(); radiusDiff["t"] = Math.abs(this.settings.tl.radius - this.settings.tr.radius)
|
|
150
|
+
radiusDiff["b"] = Math.abs(this.settings.bl.radius - this.settings.br.radius); for(z in radiusDiff)
|
|
151
|
+
{ if(z == "t" || z == "b")
|
|
152
|
+
{ if(radiusDiff[z])
|
|
153
|
+
{ var smallerCornerType = ((this.settings[z + "l"].radius < this.settings[z + "r"].radius)? z +"l" : z +"r"); var newFiller = document.createElement("DIV"); newFiller.style.height = radiusDiff[z] + "px"; newFiller.style.width = this.settings[smallerCornerType].radius+ "px"
|
|
154
|
+
newFiller.style.position = "absolute"; newFiller.style.fontSize = "1px"; newFiller.style.overflow = "hidden"; newFiller.style.backgroundColor = this.boxColour; switch(smallerCornerType)
|
|
155
|
+
{ case "tl":
|
|
156
|
+
newFiller.style.bottom = "0px"; newFiller.style.left = "0px"; newFiller.style.borderLeft = this.borderString; this.topContainer.appendChild(newFiller); break; case "tr":
|
|
157
|
+
newFiller.style.bottom = "0px"; newFiller.style.right = "0px"; newFiller.style.borderRight = this.borderString; this.topContainer.appendChild(newFiller); break; case "bl":
|
|
158
|
+
newFiller.style.top = "0px"; newFiller.style.left = "0px"; newFiller.style.borderLeft = this.borderString; this.bottomContainer.appendChild(newFiller); break; case "br":
|
|
159
|
+
newFiller.style.top = "0px"; newFiller.style.right = "0px"; newFiller.style.borderRight = this.borderString; this.bottomContainer.appendChild(newFiller); break;}
|
|
160
|
+
}
|
|
161
|
+
var newFillerBar = document.createElement("DIV"); newFillerBar.style.position = "relative"; newFillerBar.style.fontSize = "1px"; newFillerBar.style.overflow = "hidden"; newFillerBar.style.backgroundColor = this.boxColour; newFillerBar.style.backgroundImage = this.backgroundImage; switch(z)
|
|
162
|
+
{ case "t":
|
|
163
|
+
if(this.topContainer)
|
|
164
|
+
{ if(this.settings.tl.radius && this.settings.tr.radius)
|
|
165
|
+
{ newFillerBar.style.height = topMaxRadius - this.borderWidth + "px"; newFillerBar.style.marginLeft = this.settings.tl.radius - this.borderWidth + "px"; newFillerBar.style.marginRight = this.settings.tr.radius - this.borderWidth + "px"; newFillerBar.style.borderTop = this.borderString; if(this.backgroundImage != "")
|
|
166
|
+
newFillerBar.style.backgroundPosition = "-" + (topMaxRadius + this.borderWidth) + "px 0px"; this.topContainer.appendChild(newFillerBar);}
|
|
167
|
+
this.box.style.backgroundPosition = "0px -" + (topMaxRadius - this.borderWidth) + "px";}
|
|
168
|
+
break; case "b":
|
|
169
|
+
if(this.bottomContainer)
|
|
170
|
+
{ if(this.settings.bl.radius && this.settings.br.radius)
|
|
171
|
+
{ newFillerBar.style.height = botMaxRadius - this.borderWidth + "px"; newFillerBar.style.marginLeft = this.settings.bl.radius - this.borderWidth + "px"; newFillerBar.style.marginRight = this.settings.br.radius - this.borderWidth + "px"; newFillerBar.style.borderBottom = this.borderString; if(this.backgroundImage != "")
|
|
172
|
+
newFillerBar.style.backgroundPosition = "-" + (botMaxRadius + this.borderWidth) + "px -" + (this.boxHeight + (topMaxRadius + this.borderWidth)) + "px"; this.bottomContainer.appendChild(newFillerBar);}
|
|
173
|
+
}
|
|
174
|
+
break;}
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
if(this.settings.autoPad == true && this.boxPadding > 0)
|
|
178
|
+
{ var contentContainer = document.createElement("DIV"); contentContainer.style.position = "relative"; contentContainer.innerHTML = this.boxContent; contentContainer.className = "autoPadDiv"; var topPadding = Math.abs(topMaxRadius - this.boxPadding); var botPadding = Math.abs(botMaxRadius - this.boxPadding); if(topMaxRadius < this.boxPadding)
|
|
179
|
+
contentContainer.style.paddingTop = topPadding + "px"; if(botMaxRadius < this.boxPadding)
|
|
180
|
+
contentContainer.style.paddingBottom = botMaxRadius + "px"; contentContainer.style.paddingLeft = this.boxPadding + "px"; contentContainer.style.paddingRight = this.boxPadding + "px"; this.contentDIV = this.box.appendChild(contentContainer);}
|
|
181
|
+
}
|
|
182
|
+
this.drawPixel = function(intx, inty, colour, transAmount, height, newCorner, image, cornerRadius)
|
|
183
|
+
{ var pixel = document.createElement("DIV"); pixel.style.height = height + "px"; pixel.style.width = "1px"; pixel.style.position = "absolute"; pixel.style.fontSize = "1px"; pixel.style.overflow = "hidden"; var topMaxRadius = Math.max(this.settings["tr"].radius, this.settings["tl"].radius); if(image == -1 && this.backgroundImage != "")
|
|
184
|
+
{ pixel.style.backgroundImage = this.backgroundImage; pixel.style.backgroundPosition = "-" + (this.boxWidth - (cornerRadius - intx) + this.borderWidth) + "px -" + ((this.boxHeight + topMaxRadius + inty) -this.borderWidth) + "px";}
|
|
185
|
+
else
|
|
186
|
+
{ pixel.style.backgroundColor = colour;}
|
|
187
|
+
if (transAmount != 100)
|
|
188
|
+
setOpacity(pixel, transAmount); pixel.style.top = inty + "px"; pixel.style.left = intx + "px"; newCorner.appendChild(pixel);}
|
|
189
|
+
}
|
|
190
|
+
function insertAfter(parent, node, referenceNode)
|
|
191
|
+
{ parent.insertBefore(node, referenceNode.nextSibling);}
|
|
192
|
+
function BlendColour(Col1, Col2, Col1Fraction)
|
|
193
|
+
{ var red1 = parseInt(Col1.substr(1,2),16); var green1 = parseInt(Col1.substr(3,2),16); var blue1 = parseInt(Col1.substr(5,2),16); var red2 = parseInt(Col2.substr(1,2),16); var green2 = parseInt(Col2.substr(3,2),16); var blue2 = parseInt(Col2.substr(5,2),16); if(Col1Fraction > 1 || Col1Fraction < 0) Col1Fraction = 1; var endRed = Math.round((red1 * Col1Fraction) + (red2 * (1 - Col1Fraction))); if(endRed > 255) endRed = 255; if(endRed < 0) endRed = 0; var endGreen = Math.round((green1 * Col1Fraction) + (green2 * (1 - Col1Fraction))); if(endGreen > 255) endGreen = 255; if(endGreen < 0) endGreen = 0; var endBlue = Math.round((blue1 * Col1Fraction) + (blue2 * (1 - Col1Fraction))); if(endBlue > 255) endBlue = 255; if(endBlue < 0) endBlue = 0; return "#" + IntToHex(endRed)+ IntToHex(endGreen)+ IntToHex(endBlue);}
|
|
194
|
+
function IntToHex(strNum)
|
|
195
|
+
{ base = strNum / 16; rem = strNum % 16; base = base - (rem / 16); baseS = MakeHex(base); remS = MakeHex(rem); return baseS + '' + remS;}
|
|
196
|
+
function MakeHex(x)
|
|
197
|
+
{ if((x >= 0) && (x <= 9))
|
|
198
|
+
{ return x;}
|
|
199
|
+
else
|
|
200
|
+
{ switch(x)
|
|
201
|
+
{ case 10: return "A"; case 11: return "B"; case 12: return "C"; case 13: return "D"; case 14: return "E"; case 15: return "F";}
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
function pixelFraction(x, y, r)
|
|
205
|
+
{ var pixelfraction = 0; var xvalues = new Array(1); var yvalues = new Array(1); var point = 0; var whatsides = ""; var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(x,2))); if ((intersect >= y) && (intersect < (y+1)))
|
|
206
|
+
{ whatsides = "Left"; xvalues[point] = 0; yvalues[point] = intersect - y; point = point + 1;}
|
|
207
|
+
var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(y+1,2))); if ((intersect >= x) && (intersect < (x+1)))
|
|
208
|
+
{ whatsides = whatsides + "Top"; xvalues[point] = intersect - x; yvalues[point] = 1; point = point + 1;}
|
|
209
|
+
var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(x+1,2))); if ((intersect >= y) && (intersect < (y+1)))
|
|
210
|
+
{ whatsides = whatsides + "Right"; xvalues[point] = 1; yvalues[point] = intersect - y; point = point + 1;}
|
|
211
|
+
var intersect = Math.sqrt((Math.pow(r,2) - Math.pow(y,2))); if ((intersect >= x) && (intersect < (x+1)))
|
|
212
|
+
{ whatsides = whatsides + "Bottom"; xvalues[point] = intersect - x; yvalues[point] = 0;}
|
|
213
|
+
switch (whatsides)
|
|
214
|
+
{ case "LeftRight":
|
|
215
|
+
pixelfraction = Math.min(yvalues[0],yvalues[1]) + ((Math.max(yvalues[0],yvalues[1]) - Math.min(yvalues[0],yvalues[1]))/2); break; case "TopRight":
|
|
216
|
+
pixelfraction = 1-(((1-xvalues[0])*(1-yvalues[1]))/2); break; case "TopBottom":
|
|
217
|
+
pixelfraction = Math.min(xvalues[0],xvalues[1]) + ((Math.max(xvalues[0],xvalues[1]) - Math.min(xvalues[0],xvalues[1]))/2); break; case "LeftBottom":
|
|
218
|
+
pixelfraction = (yvalues[0]*xvalues[1])/2; break; default:
|
|
219
|
+
pixelfraction = 1;}
|
|
220
|
+
return pixelfraction;}
|
|
221
|
+
function rgb2Hex(rgbColour)
|
|
222
|
+
{ try{ var rgbArray = rgb2Array(rgbColour); var red = parseInt(rgbArray[0]); var green = parseInt(rgbArray[1]); var blue = parseInt(rgbArray[2]); var hexColour = "#" + IntToHex(red) + IntToHex(green) + IntToHex(blue);}
|
|
223
|
+
catch(e){ alert("There was an error converting the RGB value to Hexadecimal in function rgb2Hex");}
|
|
224
|
+
return hexColour;}
|
|
225
|
+
function rgb2Array(rgbColour)
|
|
226
|
+
{ var rgbValues = rgbColour.substring(4, rgbColour.indexOf(")")); var rgbArray = rgbValues.split(", "); return rgbArray;}
|
|
227
|
+
function setOpacity(obj, opacity)
|
|
228
|
+
{ opacity = (opacity == 100)?99.999:opacity; if(isSafari && obj.tagName != "IFRAME")
|
|
229
|
+
{ var rgbArray = rgb2Array(obj.style.backgroundColor); var red = parseInt(rgbArray[0]); var green = parseInt(rgbArray[1]); var blue = parseInt(rgbArray[2]); obj.style.backgroundColor = "rgba(" + red + ", " + green + ", " + blue + ", " + opacity/100 + ")";}
|
|
230
|
+
else if(typeof(obj.style.opacity) != "undefined")
|
|
231
|
+
{ obj.style.opacity = opacity/100;}
|
|
232
|
+
else if(typeof(obj.style.MozOpacity) != "undefined")
|
|
233
|
+
{ obj.style.MozOpacity = opacity/100;}
|
|
234
|
+
else if(typeof(obj.style.filter) != "undefined")
|
|
235
|
+
{ obj.style.filter = "alpha(opacity:" + opacity + ")";}
|
|
236
|
+
else if(typeof(obj.style.KHTMLOpacity) != "undefined")
|
|
237
|
+
{ obj.style.KHTMLOpacity = opacity/100;}
|
|
238
|
+
}
|
|
239
|
+
function inArray(array, value)
|
|
240
|
+
{ for(var i = 0; i < array.length; i++){ if (array[i] === value) return i;}
|
|
241
|
+
return false;}
|
|
242
|
+
function inArrayKey(array, value)
|
|
243
|
+
{ for(key in array){ if(key === value) return true;}
|
|
244
|
+
return false;}
|
|
245
|
+
function addEvent(elm, evType, fn, useCapture) { if (elm.addEventListener) { elm.addEventListener(evType, fn, useCapture); return true;}
|
|
246
|
+
else if (elm.attachEvent) { var r = elm.attachEvent('on' + evType, fn); return r;}
|
|
247
|
+
else { elm['on' + evType] = fn;}
|
|
248
|
+
}
|
|
249
|
+
function removeEvent(obj, evType, fn, useCapture){ if (obj.removeEventListener){ obj.removeEventListener(evType, fn, useCapture); return true;} else if (obj.detachEvent){ var r = obj.detachEvent("on"+evType, fn); return r;} else { alert("Handler could not be removed");}
|
|
250
|
+
}
|
|
251
|
+
function format_colour(colour)
|
|
252
|
+
{ var returnColour = "#ffffff"; if(colour != "" && colour != "transparent")
|
|
253
|
+
{ if(colour.substr(0, 3) == "rgb")
|
|
254
|
+
{ returnColour = rgb2Hex(colour);}
|
|
255
|
+
else if(colour.length == 4)
|
|
256
|
+
{ returnColour = "#" + colour.substring(1, 2) + colour.substring(1, 2) + colour.substring(2, 3) + colour.substring(2, 3) + colour.substring(3, 4) + colour.substring(3, 4);}
|
|
257
|
+
else
|
|
258
|
+
{ returnColour = colour;}
|
|
259
|
+
}
|
|
260
|
+
return returnColour;}
|
|
261
|
+
function get_style(obj, property, propertyNS)
|
|
262
|
+
{ try
|
|
263
|
+
{ if(obj.currentStyle)
|
|
264
|
+
{ var returnVal = eval("obj.currentStyle." + property);}
|
|
265
|
+
else
|
|
266
|
+
{ if(isSafari && obj.style.display == "none")
|
|
267
|
+
{ obj.style.display = ""; var wasHidden = true;}
|
|
268
|
+
var returnVal = document.defaultView.getComputedStyle(obj, '').getPropertyValue(propertyNS); if(isSafari && wasHidden)
|
|
269
|
+
{ obj.style.display = "none";}
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
catch(e)
|
|
273
|
+
{ }
|
|
274
|
+
return returnVal;}
|
|
275
|
+
function getElementsByClass(searchClass, node, tag)
|
|
276
|
+
{ var classElements = new Array(); if(node == null)
|
|
277
|
+
node = document; if(tag == null)
|
|
278
|
+
tag = '*'; var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp("(^|\s)"+searchClass+"(\s|$)"); for (i = 0, j = 0; i < elsLen; i++)
|
|
279
|
+
{ if(pattern.test(els[i].className))
|
|
280
|
+
{ classElements[j] = els[i]; j++;}
|
|
281
|
+
}
|
|
282
|
+
return classElements;}
|
|
283
|
+
function newCurvyError(errorMessage)
|
|
284
|
+
{ return new Error("curvyCorners Error:\n" + errorMessage)
|
|
285
|
+
}
|