journeta 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/History.txt +11 -0
- data/License.txt +11 -0
- data/Manifest.txt +27 -0
- data/README.txt +41 -0
- data/Rakefile +123 -0
- data/examples/instant_messenger.rb +77 -0
- data/lib/journeta.rb +16 -0
- data/lib/journeta/asynchronous.rb +34 -0
- data/lib/journeta/event_broadcaster.rb +36 -0
- data/lib/journeta/event_listener.rb +57 -0
- data/lib/journeta/journeta_engine.rb +114 -0
- data/lib/journeta/logger.rb +12 -0
- data/lib/journeta/peer_connection.rb +34 -0
- data/lib/journeta/peer_registry.rb +70 -0
- data/lib/journeta/presence_message.rb +19 -0
- data/lib/journeta/session_handler.rb +13 -0
- data/lib/journeta/session_listener.rb +40 -0
- data/lib/journeta/version.rb +9 -0
- data/scripts/txt2html +67 -0
- data/setup.rb +1585 -0
- data/test/test_event_broadcaster.rb +15 -0
- data/test/test_helper.rb +4 -0
- data/test/test_journeta.rb +11 -0
- data/test/test_lifecycle.rb +15 -0
- data/website/index.html +87 -0
- data/website/index.txt +31 -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 +96 -0
data/test/test_helper.rb
ADDED
data/website/index.html
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
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
|
+
Journeta
|
|
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>Journeta</h1>
|
|
34
|
+
<div id="version" class="clickable" onclick='document.location = "http://rubyforge.org/projects/journeta"; return false'>
|
|
35
|
+
<!--p>Get Version</p-->
|
|
36
|
+
<a href="http://rubyforge.org/projects/journeta" class="numbers">RubyForge Project</a>
|
|
37
|
+
</div>
|
|
38
|
+
<h2>Ruby <span class="caps">P2P</span> for your <span class="caps">LAN</span>, yo.</h2>
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
<p>Journeta is a dirt simple library for peer discovery and message passing between Ruby applications on a <span class="caps">LAN</span>.</p>
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
<h2>Peers</h2>
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
<p>A “peer” is represented by a “start”ed instance of JournetaEngine in your Ruby application. You’ll probably want just one, but may run more if it makes sense for your application to logically represent two (or more) peers simultaneously, or want to run multiple instances on the same machine.</p>
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
<p>Any object that can be serialized via <span class="caps">YAML</span> can be sent and received by Journeta. Received messages (a.k.a. objects defined by your application sent from a peer running the same code) are passed into a message handler you provide in an event-based manner. Messages do not come from your applications main thread!</p>
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
<h2>Journeta Is Simple Because It Doesn’t..</h2>
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
<ol>
|
|
57
|
+
<li><b>Work outside the <span class="caps">LAN</span></b>. Presence broadcasts don’t propagate to the internet, and there is no such thing as a “server” in Journeta.</li>
|
|
58
|
+
<li><b>Attempt to be secure</b>, as all network messages are sent in text. Messages from peers are implicitly trusted for truthiness.</li>
|
|
59
|
+
<li><b>Solve Ruby’s threading issues</b>, nor dictate your applications thread handling design. Until Ruby uses native threads, high-performance uses of Journeta will likely be limited. Remember that stuff sent to your message handler is not coming from your applications main thread.</li>
|
|
60
|
+
<li><b>Provide backwards compatibility</b>, or for the matter, compatibility with anything other than peers of the same Journeta version. No formal messaging specifications here. Different versions of Journeta may or may not be protocol compatible; we don’t know and we don’t keep track.</li>
|
|
61
|
+
<li><b>Guarantee message delivery</b>, since <span class="caps">UDP</span> is used for some types of communications, and peers are free to go down at any time.</li>
|
|
62
|
+
</ol>
|
|
63
|
+
|
|
64
|
+
<h2>Installing</h2>
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
<pre syntax="ruby">sudo gem install journeta</pre>
|
|
68
|
+
|
|
69
|
+
<h2>The Basics</h2>
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
<p>Several annotated code snippets can be found in the “examples” directory of the gem. Open two (or more) consoles and run and following on each for a completely decentralized, zero-configuration-required chat server.
|
|
73
|
+
<pre syntax="ruby">ruby examples/instant_messenger.rb</pre>
|
|
74
|
+
Sweeeeet.</p>
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
<p>Email <a href="mailto:preston.lee@openrain.com">Preston Lee</a> and read the blog.</p>
|
|
78
|
+
<p class="coda">
|
|
79
|
+
<!--a href="mailto:drnicwilliams@gmail.com">Dr Nic</a>, 26th July 2007<br-->
|
|
80
|
+
Theme extended from <a href="http://rb2js.rubyforge.org/">Paul Battley</a>
|
|
81
|
+
</p>
|
|
82
|
+
</div>
|
|
83
|
+
|
|
84
|
+
<!-- insert site tracking codes here, like Google Urchin -->
|
|
85
|
+
|
|
86
|
+
</body>
|
|
87
|
+
</html>
|
data/website/index.txt
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
h1. Journeta
|
|
2
|
+
|
|
3
|
+
h2. Ruby P2P for your LAN, yo.
|
|
4
|
+
|
|
5
|
+
Journeta is a library for passing objects between automatically discovered and connected Ruby applications on a LAN.
|
|
6
|
+
|
|
7
|
+
h2. Peers
|
|
8
|
+
|
|
9
|
+
A "peer" is represented by a "start"ed instance of JournetaEngine in your Ruby application. You'll probably want just one, but may run more if it makes sense for your application to logically represent two (or more) peers simultaneously.
|
|
10
|
+
|
|
11
|
+
Any object that can be serialized via YAML can be sent and received by Journeta. Received messages (a.k.a. objects defined by your application sent from a peer) are passed into a message handler you define, in an event-based manner. Message do not come from your applications main thread.
|
|
12
|
+
|
|
13
|
+
h2. Journeta Is Simple Because It Doesn't..
|
|
14
|
+
|
|
15
|
+
<ol>
|
|
16
|
+
<li><b>Work outside the LAN</b>. Presence broadcasts don't propagate to the internet, and there is no such thing as a "server" in Journeta.</li>
|
|
17
|
+
<li><b>Attempt to be secure</b>, as all network messages are sent in text. Messages from peers are implicitly trusted for truthiness.</li>
|
|
18
|
+
<li><b>Solve Ruby's threading issues</b>, nor dictate your applications thread handling design. Until Ruby uses native threads, high-performance uses of Journeta will likely be limited. Remember that stuff sent to your message handler is not coming from your applications main thread.</li>
|
|
19
|
+
<li><b>Provide backwards compatibility</b>, or for the matter, compatibility with anything other than peers of the same Journeta version. No formal messaging specifications here. Different versions of Journeta may or may not be protocol compatible; we don't know and we don't keep track.</li>
|
|
20
|
+
<li><b>Guarantee message delivery</b>, since UDP is used for some types of communications, and peers are free to go down at any time.</li>
|
|
21
|
+
</ol>
|
|
22
|
+
|
|
23
|
+
h2. Installing
|
|
24
|
+
|
|
25
|
+
<pre syntax="ruby">sudo gem install journeta</pre>
|
|
26
|
+
|
|
27
|
+
h2. The Basics
|
|
28
|
+
|
|
29
|
+
Several annotated code snippets can be found in the "examples" directory of the gem. Open two consoles, and run this script (it comes with the gem) on each. You should see messages on each console showing received presence events. Hit <enter> in one consoles to shut down the peer, and look for an event message in the other. Sweeeeet.
|
|
30
|
+
|
|
31
|
+
Email "Preston Lee":mailto:preston.lee@openrain.com and read the blog.
|
|
@@ -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
|
+
}
|