red 3.2.0 → 3.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/History.txt +5 -0
- data/Manifest.txt +0 -6
- data/README.txt +77 -22
- data/bin/red +2 -1
- data/lib/red/assignment_nodes.rb +2 -1
- data/lib/red/definition_nodes.rb +6 -6
- data/lib/red/version.rb +1 -1
- data/lib/red.rb +1 -1
- metadata +2 -9
- data/tasks/website.rake +0 -17
- data/website/index.html +0 -86
- data/website/index.txt +0 -83
- data/website/javascripts/rounded_corners_lite.inc.js +0 -285
- data/website/stylesheets/screen.css +0 -138
- data/website/template.html.erb +0 -48
data/History.txt
CHANGED
data/Manifest.txt
CHANGED
@@ -35,9 +35,3 @@ spec/spec_helper.rb
|
|
35
35
|
tasks/deployment.rake
|
36
36
|
tasks/environment.rake
|
37
37
|
tasks/rspec.rake
|
38
|
-
tasks/website.rake
|
39
|
-
website/index.html
|
40
|
-
website/index.txt
|
41
|
-
website/javascripts/rounded_corners_lite.inc.js
|
42
|
-
website/stylesheets/screen.css
|
43
|
-
website/template.html.erb
|
data/README.txt
CHANGED
@@ -1,28 +1,83 @@
|
|
1
|
-
= Turn your JavaScript Red
|
1
|
+
= Turn your JavaScript <span style="color:rgb(195,0,0)">Red</span>.
|
2
2
|
|
3
|
-
Red is a Ruby-to-JavaScript transliterator
|
3
|
+
<span style="color:rgb(195,0,0)">Red</span> is a Ruby-to-JavaScript transliterator built on <a href=http://rubyforge.org/projects/parsetree/>ParseTree</a>.
|
4
4
|
|
5
|
-
===
|
5
|
+
=== Installation
|
6
6
|
|
7
|
-
(
|
7
|
+
To get <span style="color:rgb(195,0,0)">Red</span> working, install the rubygem.
|
8
|
+
<pre>sudo gem install red</pre>
|
9
|
+
|
10
|
+
=== Creating <tt>.js</tt> Files
|
11
|
+
|
12
|
+
Create a new <tt>.red</tt> file and edit it using your text editor.
|
13
|
+
$ mate example.red
|
14
|
+
|
15
|
+
1| class Foo
|
16
|
+
2| def initialize(foo)
|
17
|
+
3| @foo = foo
|
18
|
+
4| end
|
19
|
+
5| end
|
20
|
+
|
21
|
+
Use the command-line executable to convert your Ruby into JavaScript.
|
22
|
+
|
23
|
+
$ red example
|
24
|
+
#=> var Foo = function(foo) { this.foo = foo; }
|
25
|
+
|
26
|
+
<span style="color:rgb(195,0,0)">Red</span> creates a <tt>.js</tt> file containing the output.
|
27
|
+
|
28
|
+
$ ls
|
29
|
+
#=> example.js example.red
|
30
|
+
|
31
|
+
=== Previewing your JavaScript output
|
32
|
+
|
33
|
+
If you want to see what JavaScript a snippet of Ruby code will produce without creating a <tt>.js</tt> file, use the special filename <tt>test.red</tt>.
|
34
|
+
|
35
|
+
$ mate test.red
|
36
|
+
|
37
|
+
1| return false unless navigator[:user_agent].index_of('AppleWebKit/') > -1
|
38
|
+
|
39
|
+
$ red test
|
40
|
+
#=> if (!(navigator.userAgent.indexOf('AppleWebKit/') > -1)) { return false; }
|
41
|
+
|
42
|
+
$ ls
|
43
|
+
#=> example.js example.red test.red
|
44
|
+
|
45
|
+
You can test short code snippets from the command line without creating a test file by using the <tt>-s</tt> option.
|
46
|
+
|
47
|
+
$ red -s "@foo"
|
48
|
+
#=> this.foo
|
49
|
+
|
50
|
+
=== Tutorial
|
51
|
+
|
52
|
+
Check the <a href=http://github.com/jessesielaff/red/wikis/tutorial>Tutorial page</a> for an in-depth lesson in how to use <span style="color:rgb(195,0,0)">Red</span> to write your JavaScript in Ruby.
|
53
|
+
|
54
|
+
=== Documentation
|
55
|
+
|
56
|
+
The <a href=http://red-js.rubyforge.org/red/rdoc/>documentation</a> is currently rather nonexistent.
|
57
|
+
|
58
|
+
=== Bugs / Issues
|
59
|
+
|
60
|
+
Got a problem? Tell us about it. Submit a ticket to the project page at <a href=http://jessesielaff.lighthouseapp.com/projects/15182-red>Lighthouse</a>.
|
61
|
+
|
62
|
+
=== MIT License
|
8
63
|
|
9
64
|
Copyright (c) 2008 Jesse Sielaff
|
10
65
|
|
11
|
-
Permission is hereby granted, free of charge, to any person obtaining
|
12
|
-
a copy of this software and associated documentation files (the
|
13
|
-
'Software'), to deal in the Software without restriction, including
|
14
|
-
without limitation the rights to use, copy, modify, merge, publish,
|
15
|
-
distribute, sublicense, and/or sell copies of the Software, and to
|
16
|
-
permit persons to whom the Software is furnished to do so, subject to
|
17
|
-
the following conditions:
|
18
|
-
|
19
|
-
The above copyright notice and this permission notice shall be
|
20
|
-
included in all copies or substantial portions of the Software.
|
21
|
-
|
22
|
-
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
|
23
|
-
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
24
|
-
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
25
|
-
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
26
|
-
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
27
|
-
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
28
|
-
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
66
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
67
|
+
a copy of this software and associated documentation files (the
|
68
|
+
'Software'), to deal in the Software without restriction, including
|
69
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
70
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
71
|
+
permit persons to whom the Software is furnished to do so, subject to
|
72
|
+
the following conditions:
|
73
|
+
|
74
|
+
The above copyright notice and this permission notice shall be
|
75
|
+
included in all copies or substantial portions of the Software.
|
76
|
+
|
77
|
+
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
|
78
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
79
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
80
|
+
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
81
|
+
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
82
|
+
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
83
|
+
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/bin/red
CHANGED
@@ -20,8 +20,9 @@ parser = OptionParser.new do |opts|
|
|
20
20
|
opts.banner = RED_MESSAGES[:banner]
|
21
21
|
opts.separator ""
|
22
22
|
opts.on("-h", "--help", "Show this help message.") { puts opts; exit }
|
23
|
-
opts.on("-r", "--rails", "Add Red plugin to ./vendor/plugins") { build_red_plugin_for_rails }
|
23
|
+
opts.on("-r", "--rails", "Add Red plugin to ./vendor/plugins.") { build_red_plugin_for_rails }
|
24
24
|
opts.on("-s", "--string=RUBY_STRING", "Translate a single string to JavaScript.") { |string| direct_translate(string) }
|
25
|
+
opts.on("-u", "--unobtrusive=LIBRARY", "Add an unobtrusive ")
|
25
26
|
opts.on("-v", "--version", "Print version number.") { puts Red::VERSION::STRING; exit }
|
26
27
|
begin
|
27
28
|
opts.parse!(ARGV)
|
data/lib/red/assignment_nodes.rb
CHANGED
@@ -11,13 +11,14 @@ module Red
|
|
11
11
|
|
12
12
|
class ClassVariableNode < AssignmentNode # :nodoc:
|
13
13
|
def compile_node(options = {})
|
14
|
+
expression = @expression.compile_node(:as_argument => true)
|
14
15
|
if options[:as_prototype]
|
15
16
|
receiver = @variable_name.compile_node
|
16
17
|
"%s: %s"
|
17
18
|
else
|
18
19
|
receiver = "%s.%s" % [@@red_class, @variable_name.compile_node]
|
19
20
|
"%s = %s"
|
20
|
-
end % [receiver,
|
21
|
+
end % [receiver, expression]
|
21
22
|
end
|
22
23
|
end
|
23
24
|
|
data/lib/red/definition_nodes.rb
CHANGED
@@ -12,9 +12,8 @@ module Red
|
|
12
12
|
@arguments = (args_node[1..-1] || []).build_nodes
|
13
13
|
@initializer = initializer_node.assoc(:scope).assoc(:block).reject {|node| node == args_node}.build_node
|
14
14
|
end
|
15
|
-
properties = block_node.select {|node| (node.first == :cvdecl) rescue false }
|
16
|
-
functions = block_node.select {|node| (node != initializer_node) && ![:block, :scope].include?(node) }
|
17
|
-
@slots = (properties | functions).build_nodes
|
15
|
+
@properties = block_node.select {|node| (node.first == :cvdecl) rescue false }.build_nodes
|
16
|
+
@functions = block_node.select {|node| (node != initializer_node) && ![:block, :scope].include?(node) && ((node.first != :cvdecl) rescue false) }.build_nodes
|
18
17
|
@@red_class = old_class
|
19
18
|
end
|
20
19
|
|
@@ -33,14 +32,15 @@ module Red
|
|
33
32
|
def compile_as_standard_class(options = {})
|
34
33
|
class_name = @class_name.compile_node
|
35
34
|
arguments = @arguments.compile_nodes.join(', ')
|
36
|
-
slots = @slots.compile_nodes(:as_attribute => true)
|
37
35
|
initializer = @initializer.compile_node
|
38
|
-
|
36
|
+
functions = @functions.compile_nodes(:as_attribute => true).join('; ')
|
37
|
+
properties = @properties.compile_nodes.join('; ')
|
38
|
+
return "%s%s = function(%s) { %s;%s }; %s" % [self.var?, class_name, arguments, initializer, functions, properties]
|
39
39
|
end
|
40
40
|
|
41
41
|
def compile_as_virtual_class(options = {})
|
42
42
|
class_name = @class_name.compile_node
|
43
|
-
slots = @
|
43
|
+
slots = (@properties | @functions).compile_nodes(:as_prototype => true).compact.join(', ')
|
44
44
|
return "%s%s = { %s }" % [self.var?, class_name, slots]
|
45
45
|
end
|
46
46
|
|
data/lib/red/version.rb
CHANGED
data/lib/red.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: red
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 3.2.
|
4
|
+
version: 3.2.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Jesse Sielaff
|
@@ -9,7 +9,7 @@ autorequire:
|
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
11
|
|
12
|
-
date: 2008-08-
|
12
|
+
date: 2008-08-08 00:00:00 -04:00
|
13
13
|
default_executable:
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
@@ -55,7 +55,6 @@ extra_rdoc_files:
|
|
55
55
|
- Manifest.txt
|
56
56
|
- PostInstall.txt
|
57
57
|
- README.txt
|
58
|
-
- website/index.txt
|
59
58
|
files:
|
60
59
|
- History.txt
|
61
60
|
- License.txt
|
@@ -94,12 +93,6 @@ files:
|
|
94
93
|
- tasks/deployment.rake
|
95
94
|
- tasks/environment.rake
|
96
95
|
- tasks/rspec.rake
|
97
|
-
- tasks/website.rake
|
98
|
-
- website/index.html
|
99
|
-
- website/index.txt
|
100
|
-
- website/javascripts/rounded_corners_lite.inc.js
|
101
|
-
- website/stylesheets/screen.css
|
102
|
-
- website/template.html.erb
|
103
96
|
has_rdoc: true
|
104
97
|
homepage: http://red-js.rubyforge.org
|
105
98
|
post_install_message: |
|
data/tasks/website.rake
DELETED
@@ -1,17 +0,0 @@
|
|
1
|
-
desc 'Generate website files'
|
2
|
-
task :website_generate => :ruby_env do
|
3
|
-
(Dir['website/**/*.txt'] - Dir['website/version*.txt']).each do |txt|
|
4
|
-
sh %{ #{RUBY_APP} script/txt2html #{txt} > #{txt.gsub(/txt$/,'html')} }
|
5
|
-
end
|
6
|
-
end
|
7
|
-
|
8
|
-
desc 'Upload website files to rubyforge'
|
9
|
-
task :website_upload do
|
10
|
-
host = "#{rubyforge_username}@rubyforge.org"
|
11
|
-
remote_dir = "/var/www/gforge-projects/#{PATH}/"
|
12
|
-
local_dir = 'website'
|
13
|
-
sh %{rsync -aCv #{local_dir}/ #{host}:#{remote_dir}}
|
14
|
-
end
|
15
|
-
|
16
|
-
desc 'Generate and upload website files'
|
17
|
-
task :website => [:website_generate, :website_upload, :publish_docs]
|
data/website/index.html
DELETED
@@ -1,86 +0,0 @@
|
|
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
|
-
foo
|
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>foo</h1>
|
34
|
-
<div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/red"; return false'>
|
35
|
-
<p>Get Version</p>
|
36
|
-
<a href="http://rubyforge.org/projects/red" class="numbers">3.2.0</a>
|
37
|
-
</div>
|
38
|
-
<h1>&#x2192; ‘foo’</h1>
|
39
|
-
<h2>What</h2>
|
40
|
-
<h2>Installing</h2>
|
41
|
-
<p><pre class='syntax'><span class="ident">sudo</span> <span class="ident">gem</span> <span class="ident">install</span> <span class="ident">foo</span></pre></p>
|
42
|
-
<h2>The basics</h2>
|
43
|
-
<h2>Demonstration of usage</h2>
|
44
|
-
<h2>Forum</h2>
|
45
|
-
<p><a href="http://groups.google.com/group/foo">http://groups.google.com/group/foo</a></p>
|
46
|
-
<p><span class="caps">TODO</span> – create Google Group – foo</p>
|
47
|
-
<h2>How to submit patches</h2>
|
48
|
-
<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>
|
49
|
-
<p><span class="caps">TODO</span> – pick <span class="caps">SVN</span> or Git instructions</p>
|
50
|
-
<p>The trunk repository is <code>svn://rubyforge.org/var/svn/foo/trunk</code> for anonymous access.</p>
|
51
|
-
<p><span class="caps">OOOORRRR</span></p>
|
52
|
-
<p>You can fetch the source from either:</p>
|
53
|
-
<ul>
|
54
|
-
<li>rubyforge: <span class="caps">MISSING</span> IN <span class="caps">ACTION</span></li>
|
55
|
-
</ul>
|
56
|
-
<p><span class="caps">TODO</span> – You can not created a RubyForge project, OR have not run <code>rubyforge config</code><br />
|
57
|
-
yet to refresh your local rubyforge data with this projects’ id information.</p>
|
58
|
-
<p>When you do this, this message will magically disappear!</p>
|
59
|
-
<p>Or you can hack website/index.txt and make it all go away!!</p>
|
60
|
-
<ul>
|
61
|
-
<li>github: <a href="http://github.com/GITHUB_USERNAME/foo/tree/master">http://github.com/GITHUB_USERNAME/foo/tree/master</a></li>
|
62
|
-
</ul>
|
63
|
-
<pre>git clone git://github.com/GITHUB_USERNAME/foo.git</pre>
|
64
|
-
<p><span class="caps">TODO</span> – add “github_username: username” to ~/.rubyforge/user-config.yml and newgem will reuse it for future projects.</p>
|
65
|
-
<ul>
|
66
|
-
<li>gitorious: <a href="git://gitorious.org/foo/mainline.git">git://gitorious.org/foo/mainline.git</a></li>
|
67
|
-
</ul>
|
68
|
-
<pre>git clone git://gitorious.org/foo/mainline.git</pre>
|
69
|
-
<h3>Build and test instructions</h3>
|
70
|
-
<pre>cd foo
|
71
|
-
rake test
|
72
|
-
rake install_gem</pre>
|
73
|
-
<h2>License</h2>
|
74
|
-
<p>This code is free to use under the terms of the <span class="caps">MIT</span> license.</p>
|
75
|
-
<h2>Contact</h2>
|
76
|
-
<p>Comments are welcome. Send an email to <a href="mailto:FIXME"><span class="caps">FIXME</span> full name</a> email via the <a href="http://groups.google.com/group/foo">forum</a></p>
|
77
|
-
<p class="coda">
|
78
|
-
<a href="FIXME email">FIXME full name</a>, 6th August 2008<br>
|
79
|
-
Theme extended from <a href="http://rb2js.rubyforge.org/">Paul Battley</a>
|
80
|
-
</p>
|
81
|
-
</div>
|
82
|
-
|
83
|
-
<!-- insert site tracking codes here, like Google Urchin -->
|
84
|
-
|
85
|
-
</body>
|
86
|
-
</html>
|
data/website/index.txt
DELETED
@@ -1,83 +0,0 @@
|
|
1
|
-
h1. foo
|
2
|
-
|
3
|
-
h1. → 'foo'
|
4
|
-
|
5
|
-
|
6
|
-
h2. What
|
7
|
-
|
8
|
-
|
9
|
-
h2. Installing
|
10
|
-
|
11
|
-
<pre syntax="ruby">sudo gem install foo</pre>
|
12
|
-
|
13
|
-
h2. The basics
|
14
|
-
|
15
|
-
|
16
|
-
h2. Demonstration of usage
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
h2. Forum
|
21
|
-
|
22
|
-
"http://groups.google.com/group/foo":http://groups.google.com/group/foo
|
23
|
-
|
24
|
-
TODO - create Google Group - foo
|
25
|
-
|
26
|
-
h2. How to submit patches
|
27
|
-
|
28
|
-
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.
|
29
|
-
|
30
|
-
TODO - pick SVN or Git instructions
|
31
|
-
|
32
|
-
The trunk repository is <code>svn://rubyforge.org/var/svn/foo/trunk</code> for anonymous access.
|
33
|
-
|
34
|
-
OOOORRRR
|
35
|
-
|
36
|
-
You can fetch the source from either:
|
37
|
-
|
38
|
-
<% if rubyforge_project_id %>
|
39
|
-
|
40
|
-
* rubyforge: "http://rubyforge.org/scm/?group_id=<%= rubyforge_project_id %>":http://rubyforge.org/scm/?group_id=<%= rubyforge_project_id %>
|
41
|
-
|
42
|
-
<pre>git clone git://rubyforge.org/foo.git</pre>
|
43
|
-
|
44
|
-
<% else %>
|
45
|
-
|
46
|
-
* rubyforge: MISSING IN ACTION
|
47
|
-
|
48
|
-
TODO - You can not created a RubyForge project, OR have not run <code>rubyforge config</code>
|
49
|
-
yet to refresh your local rubyforge data with this projects' id information.
|
50
|
-
|
51
|
-
When you do this, this message will magically disappear!
|
52
|
-
|
53
|
-
Or you can hack website/index.txt and make it all go away!!
|
54
|
-
|
55
|
-
<% end %>
|
56
|
-
|
57
|
-
* github: "http://github.com/GITHUB_USERNAME/foo/tree/master":http://github.com/GITHUB_USERNAME/foo/tree/master
|
58
|
-
|
59
|
-
<pre>git clone git://github.com/GITHUB_USERNAME/foo.git</pre>
|
60
|
-
|
61
|
-
|
62
|
-
TODO - add "github_username: username" to ~/.rubyforge/user-config.yml and newgem will reuse it for future projects.
|
63
|
-
|
64
|
-
|
65
|
-
* gitorious: "git://gitorious.org/foo/mainline.git":git://gitorious.org/foo/mainline.git
|
66
|
-
|
67
|
-
<pre>git clone git://gitorious.org/foo/mainline.git</pre>
|
68
|
-
|
69
|
-
h3. Build and test instructions
|
70
|
-
|
71
|
-
<pre>cd foo
|
72
|
-
rake test
|
73
|
-
rake install_gem</pre>
|
74
|
-
|
75
|
-
|
76
|
-
h2. License
|
77
|
-
|
78
|
-
This code is free to use under the terms of the MIT license.
|
79
|
-
|
80
|
-
h2. Contact
|
81
|
-
|
82
|
-
Comments are welcome. Send an email to "FIXME full name":mailto:FIXME email via the "forum":http://groups.google.com/group/foo
|
83
|
-
|
@@ -1,285 +0,0 @@
|
|
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
|
-
}
|
@@ -1,138 +0,0 @@
|
|
1
|
-
body {
|
2
|
-
background-color: #E1D1F1;
|
3
|
-
font-family: "Georgia", sans-serif;
|
4
|
-
font-size: 16px;
|
5
|
-
line-height: 1.6em;
|
6
|
-
padding: 1.6em 0 0 0;
|
7
|
-
color: #333;
|
8
|
-
}
|
9
|
-
h1, h2, h3, h4, h5, h6 {
|
10
|
-
color: #444;
|
11
|
-
}
|
12
|
-
h1 {
|
13
|
-
font-family: sans-serif;
|
14
|
-
font-weight: normal;
|
15
|
-
font-size: 4em;
|
16
|
-
line-height: 0.8em;
|
17
|
-
letter-spacing: -0.1ex;
|
18
|
-
margin: 5px;
|
19
|
-
}
|
20
|
-
li {
|
21
|
-
padding: 0;
|
22
|
-
margin: 0;
|
23
|
-
list-style-type: square;
|
24
|
-
}
|
25
|
-
a {
|
26
|
-
color: #5E5AFF;
|
27
|
-
background-color: #DAC;
|
28
|
-
font-weight: normal;
|
29
|
-
text-decoration: underline;
|
30
|
-
}
|
31
|
-
blockquote {
|
32
|
-
font-size: 90%;
|
33
|
-
font-style: italic;
|
34
|
-
border-left: 1px solid #111;
|
35
|
-
padding-left: 1em;
|
36
|
-
}
|
37
|
-
.caps {
|
38
|
-
font-size: 80%;
|
39
|
-
}
|
40
|
-
|
41
|
-
#main {
|
42
|
-
width: 45em;
|
43
|
-
padding: 0;
|
44
|
-
margin: 0 auto;
|
45
|
-
}
|
46
|
-
.coda {
|
47
|
-
text-align: right;
|
48
|
-
color: #77f;
|
49
|
-
font-size: smaller;
|
50
|
-
}
|
51
|
-
|
52
|
-
table {
|
53
|
-
font-size: 90%;
|
54
|
-
line-height: 1.4em;
|
55
|
-
color: #ff8;
|
56
|
-
background-color: #111;
|
57
|
-
padding: 2px 10px 2px 10px;
|
58
|
-
border-style: dashed;
|
59
|
-
}
|
60
|
-
|
61
|
-
th {
|
62
|
-
color: #fff;
|
63
|
-
}
|
64
|
-
|
65
|
-
td {
|
66
|
-
padding: 2px 10px 2px 10px;
|
67
|
-
}
|
68
|
-
|
69
|
-
.success {
|
70
|
-
color: #0CC52B;
|
71
|
-
}
|
72
|
-
|
73
|
-
.failed {
|
74
|
-
color: #E90A1B;
|
75
|
-
}
|
76
|
-
|
77
|
-
.unknown {
|
78
|
-
color: #995000;
|
79
|
-
}
|
80
|
-
pre, code {
|
81
|
-
font-family: monospace;
|
82
|
-
font-size: 90%;
|
83
|
-
line-height: 1.4em;
|
84
|
-
color: #ff8;
|
85
|
-
background-color: #111;
|
86
|
-
padding: 2px 10px 2px 10px;
|
87
|
-
}
|
88
|
-
.comment { color: #aaa; font-style: italic; }
|
89
|
-
.keyword { color: #eff; font-weight: bold; }
|
90
|
-
.punct { color: #eee; font-weight: bold; }
|
91
|
-
.symbol { color: #0bb; }
|
92
|
-
.string { color: #6b4; }
|
93
|
-
.ident { color: #ff8; }
|
94
|
-
.constant { color: #66f; }
|
95
|
-
.regex { color: #ec6; }
|
96
|
-
.number { color: #F99; }
|
97
|
-
.expr { color: #227; }
|
98
|
-
|
99
|
-
#version {
|
100
|
-
float: right;
|
101
|
-
text-align: right;
|
102
|
-
font-family: sans-serif;
|
103
|
-
font-weight: normal;
|
104
|
-
background-color: #B3ABFF;
|
105
|
-
color: #141331;
|
106
|
-
padding: 15px 20px 10px 20px;
|
107
|
-
margin: 0 auto;
|
108
|
-
margin-top: 15px;
|
109
|
-
border: 3px solid #141331;
|
110
|
-
}
|
111
|
-
|
112
|
-
#version .numbers {
|
113
|
-
display: block;
|
114
|
-
font-size: 4em;
|
115
|
-
line-height: 0.8em;
|
116
|
-
letter-spacing: -0.1ex;
|
117
|
-
margin-bottom: 15px;
|
118
|
-
}
|
119
|
-
|
120
|
-
#version p {
|
121
|
-
text-decoration: none;
|
122
|
-
color: #141331;
|
123
|
-
background-color: #B3ABFF;
|
124
|
-
margin: 0;
|
125
|
-
padding: 0;
|
126
|
-
}
|
127
|
-
|
128
|
-
#version a {
|
129
|
-
text-decoration: none;
|
130
|
-
color: #141331;
|
131
|
-
background-color: #B3ABFF;
|
132
|
-
}
|
133
|
-
|
134
|
-
.clickable {
|
135
|
-
cursor: pointer;
|
136
|
-
cursor: hand;
|
137
|
-
}
|
138
|
-
|
data/website/template.html.erb
DELETED
@@ -1,48 +0,0 @@
|
|
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
|
-
<%= title %>
|
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><%= title %></h1>
|
34
|
-
<div id="version" class="clickable" onclick='document.location = "<%= download %>"; return false'>
|
35
|
-
<p>Get Version</p>
|
36
|
-
<a href="<%= download %>" class="numbers"><%= version %></a>
|
37
|
-
</div>
|
38
|
-
<%= body %>
|
39
|
-
<p class="coda">
|
40
|
-
<a href="FIXME email">FIXME full name</a>, <%= modified.pretty %><br>
|
41
|
-
Theme extended from <a href="http://rb2js.rubyforge.org/">Paul Battley</a>
|
42
|
-
</p>
|
43
|
-
</div>
|
44
|
-
|
45
|
-
<!-- insert site tracking codes here, like Google Urchin -->
|
46
|
-
|
47
|
-
</body>
|
48
|
-
</html>
|