BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

Moved functions for compatibility into Skeleton namespace.

Browse Source
This commit is contained in:
Eric Kever 2011-08-10 13:20:52 -04:00
parent 70ab570ba4
commit 553f2fa375
1 changed files with 135 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

236
javascripts/app.js
View File

@ -7,109 +7,143 @@
* 7/17/2011 * 7/17/2011
* un-jQuerified by Eric Kever * un-jQuerified by Eric Kever
*/ */
(function(){
var Skeleton = {
getElementsByClassName : function(context, cls){
if(context.getElementsByClassName){
return context.getElementsByClassName(cls);
}
var ele = context.getElementsByTagName("*"),
ret = [],
current,
classes;
for(var i = 0, j = ele.length; i < j; i++){
current = ele[i];
classes = (current.getAttribute("className") || current.className).split(" ");
for(var k = 0, l = classes.length; k < l; k++){
if(classes[k] === cls){
ret.push(current);
break;
}
}
}
return ret;
},
filterTags : function(list, tags){
var exists = false;
for(var i = 0, j = list.length; i < j; i++){
for(var k = 0, l = tags.length; k < l; k++){
if(list[i].tagName === tags[k]){
exists = true;
break;
}
}
if(exists === true){
list.splice(i, 1);
}
}
return list;
},
addClass : function(element, name){
var classes = (element.getAttribute("className") || element.className).split(" "),
exists = false;
for(i = 0, j = classes.length; i < j; i++){
if(classes[i] === name){
exists = true;
break;
}
}
if(!exists){
classes.push(name);
element.className = classes.join(" ");
}
},
removeClass : function(element, name){
var classes = (element.getAttribute("className") || element.className).split(" "),
exists = false;
for(var i = 0, j = classes.length; i < j; i++){
if(classes[i] === name){
exists = true;
break;
}
}
if(exists){
classes.splice(i, 1);
element.className = classes.join(" ");
}
},
addListener : function(element, on, fn, last){
last = (last || false);
var BH;
if(window.addEventListener){ //AddEventListener takes precedence here
BH = "addEventListener";
}else if(window.attachEvent){
BH = "attachEvent";
on = "on" + on;
}
element[BH](on, function(e){
var event = e || window.event;
return fn.call(element, event); //Force it to call the handler in the proper context (IE 7 & 8 do not)
}, last);
}
};
window.Skeleton = Skeleton;
if(window.addEventListener){ })();
var BIND_HANDLER = "addEventListener";
var BIND_HANDLER_PREFIX = "";
}else if(window.attachEvent){
var BIND_HANDLER = "attachEvent";
var BIND_HANDLER_PREFIX = "on";
}
function getElementsByClassName(context, tag, cls){
var ele = context.getElementsByTagName(tag),
ret = [],
current,
classes;
for(var i = 0, j = ele.length; i < j; i++){
current = ele[i];
classes = (current.getAttribute("className") || current.className).split(" ");
for(var k = 0, l = classes.length; k < l; k++){
if(classes[k] === cls){
ret.push(current);
break;
}
}
}
return ret;
}
function addClass(element, name){
var classes = (element.getAttribute("className") || element.className).split(" "),
exists = false;
for(i = 0, j = classes.length; i < j; i++){
if(classes[i] === name){
exists = true;
break;
}
}
if(!exists){
classes.push(name);
element.className = classes.join(" ");
}
}
function removeClass(element, name){
var classes = (element.getAttribute("className") || element.className).split(" "),
exists = false;
for(var i = 0, j = classes.length; i < j; i++){
if(classes[i] === name){
exists = true;
break;
}
}
if(exists){
classes.splice(i, 1);
element.className = classes.join(" ");
}
}
function doFancyExpensiveTabThings(){ function doFancyExpensiveTabThings(){
var tabs = (document.getElementsByClassName ? document.getElementsByClassName("tabs") : getElementsByClassName(document, "ul", "tabs")); var tabs = Skeleton.filterTags(Skeleton.getElementsByClassName(document, "tabs"), ["ul"]);
for(var i = 0, j = tabs.length; i < j; i++){ for(var i = 0, j = tabs.length; i < j; i++){
var tabList = tabs[i].getElementsByTagName('li'); var tabList = tabs[i].getElementsByTagName("li");
for(var k = 0, l = tabList.length; k < l; k++){ for(var k = 0, l = tabList.length; k < l; k++){
tabList[k].getElementsByTagName('a')[0][BIND_HANDLER](BIND_HANDLER_PREFIX + "click", function(e){ Skeleton.addListener(tabList[k].getElementsByTagName('a')[0], "click", function(e){
var event = e || window.event; var contentLocation = this.href.substr(this.href.indexOf("#")) + "Tab",
return (function(e){ contentElement,
var contentLocation = this.href.substr(this.href.indexOf("#")) + "Tab", siblings;
contentElement,
siblings; if(contentLocation.charAt(0) === "#"){
if(e.preventDefault){
if(contentLocation.charAt(0) === "#"){ e.preventDefault();
if(e.preventDefault){ }else{
e.preventDefault(); e.returnValue = false;
}else{ e.cancelBubble = true;
e.returnValue = false; }
e.cancelBubble = true;
} for(var m = 0; m < k; m++){
Skeleton.removeClass(tabList[m].getElementsByTagName('a')[0], "active");
for(var m = 0; m < k; m++){ }
removeClass(tabList[m].getElementsByTagName('a')[0], "active");
} Skeleton.addClass(this, "active");
addClass(this, "active");
contentElement = document.getElementById(contentLocation.substr(1));
contentElement = document.getElementById(contentLocation.substr(1)); Skeleton.addClass(contentElement, "active");
addClass(contentElement, "active");
siblings = contentElement.parentNode.getElementsByTagName('li');
siblings = contentElement.parentNode.getElementsByTagName('li'); for(m = 0, n = siblings.length; m < n; m++){
for(m = 0, n = siblings.length; m < n; m++){ if(siblings[m] !== contentElement){
if(siblings[m] !== contentElement){ Skeleton.removeClass(siblings[m], "active");
removeClass(siblings[m], "active"); }
} }
} }
} return false;
return false; });
}).call(event.target || event.srcElement, event); }
}, false); }
}
}
} }
window[BIND_HANDLER](BIND_HANDLER_PREFIX + "load", doFancyExpensiveTabThings, false); Skeleton.addListener(window, "load", doFancyExpensiveTabThings);