Permalink
Browse files

rename to Shrubbery

  • Loading branch information...
1 parent 27f0d9a commit 6737eb33f65b53102299711b905dec261807d0ab @mislav committed May 4, 2008
Showing with 14 additions and 13 deletions.
  1. +0 −1 .gitignore
  2. +6 −4 sample/index.html
  3. +3 −3 adjacent-list.css → shrubbery.css
  4. +5 −5 adjacent-list.js → shrubbery.js
View
@@ -1 +0,0 @@
-*.js
View
@@ -1,13 +1,13 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
- <link rel="stylesheet" href="../adjacent-list.css" type="text/css" media="screen" />
+ <link rel="stylesheet" href="../shrubbery.css" type="text/css" media="screen" />
<script type="text/javascript" src="../prototype.js"></script>
- <script type="text/javascript" src="../adjacent-list.js"></script>
+ <script type="text/javascript" src="../shrubbery.js"></script>
<script type="text/javascript">
document.observe("dom:loaded", function() {
if (1) {
- var list = new AdjacentList('index', 4)
+ var list = new Shrubbery('index', 4)
// list.effect = false
list.wrapper.observe('click', function(e) {
@@ -22,7 +22,7 @@
</script>
</head>
<body>
- <h1>Adjacent list demo</h1>
+ <h1>Shrubbery demo</h1>
<ol id='index'>
<li><span class='class'>ActionController</span>
@@ -129,5 +129,7 @@
</ol>
<h2 id="msg">choose a class</h2>
+
+ <p style="font-size:85%; color: gray; text-align: right"><a href="http://github.com/mislav/shrubbery">Shrubbery</a> was made by <a href="http://mislav.caboo.se/">Mislav</a></p>
</body>
</html>
@@ -1,10 +1,10 @@
/*html { background:silver; height:100%; overflow:auto; }*/
-body { margin:0; padding:1em 2em; font:small Verdana, sans-serif; background:white; }
+body { margin:0; padding:1em 2em; font:small Verdana, sans-serif; background:white; max-width: 70em }
h1 { color:crimson; }
h2 { color: #444; font-size: 1.3em; font-weight: normal }
-.adjacent-list { background:#ddd; border:1px solid #aaa; width: 80% }
-.adjacent-list { height:10.2em; }
+.adjacent-list { background:#ddd; border:1px solid #aaa; }
+.adjacent-list { height:10.3em; }
.adjacent-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.adjacent-list div.wrapper, .adjacent-list ol { height:100%; }
@@ -1,4 +1,4 @@
-var AdjacentList = Class.create({
+var Shrubbery = Class.create({
initialize: function (el) {
el = $(el);
@@ -21,7 +21,7 @@ var AdjacentList = Class.create({
this.wrapper = list.wrap().addClassName('wrapper').makePositioned().setStyle({top:0, left:0})
el.makeClipping()
- this.effect = new AdjacentList.SetStyleEffect(this.wrapper, {duration: .2})
+ this.effect = new Shrubbery.SetStyleEffect(this.wrapper, {duration: .2})
// traverse nested lists and make a mess out of it
this.listSetup(list);
@@ -77,7 +77,7 @@ var AdjacentList = Class.create({
item.addClassName('expand');
if (this.effect && !shifting) {
- var fx = new AdjacentList.SetStyleEffect(item.sublist, {duration: .2})
+ var fx = new Shrubbery.SetStyleEffect(item.sublist, {duration: .2})
item.sublist.setStyle({ opacity:0 }).show()
fx.start({ opacity: 1 })
}
@@ -112,7 +112,7 @@ var AdjacentList = Class.create({
})
// based on Bernie's Animator
-AdjacentList.Effect = Class.create({
+Shrubbery.Effect = Class.create({
initialize: function(options) {
this.options = Object.extend({
interval: 20,
@@ -155,7 +155,7 @@ AdjacentList.Effect = Class.create({
}
})
-AdjacentList.SetStyleEffect = Class.create(AdjacentList.Effect, {
+Shrubbery.SetStyleEffect = Class.create(Shrubbery.Effect, {
initialize: function($super, element, options) {
$super(options)
this.element = $(element)

0 comments on commit 6737eb3

Please sign in to comment.