2007-09-28 05:10:44 +00:00
|
|
|
// Tagger - Advanced Tagging
|
|
|
|
// Author: Artanis (Erik Youngren <artanis.00@gmail.com>)
|
|
|
|
// Do not remove this notice.
|
2007-09-27 08:52:10 +00:00
|
|
|
// All other code copyright by their authors, see comments for details.
|
|
|
|
|
2007-09-28 05:10:44 +00:00
|
|
|
|
2007-09-27 08:52:10 +00:00
|
|
|
function taggerResetPos() {
|
2007-09-28 05:10:44 +00:00
|
|
|
// In case the drag point goes off screen.
|
2007-09-27 08:52:10 +00:00
|
|
|
tagger = byId("tagger_window");
|
|
|
|
|
|
|
|
tagger.style.top="";
|
|
|
|
tagger.style.left="";
|
|
|
|
tagger.style.right="25px";
|
|
|
|
tagger.style.bottom="25px";
|
|
|
|
|
|
|
|
// get location in (left,top) terms
|
|
|
|
pos = findPos(tagger);
|
|
|
|
|
|
|
|
tagger.style.top = pos[1]+"px";
|
|
|
|
tagger.style.left = pos[0]+"px";
|
|
|
|
tagger.style.right="";
|
|
|
|
tagger.style.bottom="";
|
2007-09-25 21:28:09 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
function tagExists(tag) {
|
|
|
|
var tags = byId("tags");
|
|
|
|
tags_list = tags.value;
|
|
|
|
tags_array = tags_list.split(" ");
|
|
|
|
|
|
|
|
tags_list = "";
|
|
|
|
for (x in tags_array) {
|
|
|
|
if(tags_array[x] == tag) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2007-09-28 05:10:44 +00:00
|
|
|
function toggleTag(tag,rTagme) {
|
2007-09-25 21:28:09 +00:00
|
|
|
if (!tagExists(tag)) {
|
2007-09-28 05:10:44 +00:00
|
|
|
addTag(tag);
|
|
|
|
if(rTagme && tag != "tagme") {
|
|
|
|
remTag("tagme");
|
2007-09-26 09:40:51 +00:00
|
|
|
}
|
|
|
|
} else {
|
2007-09-28 05:10:44 +00:00
|
|
|
remTag(tag);
|
2007-09-25 21:28:09 +00:00
|
|
|
}
|
2007-09-27 08:52:10 +00:00
|
|
|
obj = byId("tagger_custTag");
|
2007-09-27 18:06:58 +00:00
|
|
|
if(obj.value) {
|
|
|
|
obj.select();
|
|
|
|
}
|
2007-09-25 21:28:09 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
function addTagById(id) {
|
|
|
|
tag = byId(id);
|
2007-09-27 18:06:58 +00:00
|
|
|
toggleTag(tag.value);
|
2007-09-25 21:28:09 +00:00
|
|
|
}
|
|
|
|
|
2007-09-28 05:10:44 +00:00
|
|
|
function addTag (tag) {
|
|
|
|
var tags = byId("tags");
|
|
|
|
var tag_link = byId("tagger_tag_"+tag);
|
|
|
|
|
|
|
|
var delim = " ";
|
|
|
|
if(tags.value == "") {
|
|
|
|
delim="";
|
|
|
|
}
|
|
|
|
tags.value = tags.value + delim + tag;
|
|
|
|
if(tag_link) {
|
|
|
|
tag_link.style.fontWeight = "bold";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function remTag (tag) {
|
|
|
|
var tags = byId("tags");
|
|
|
|
var tag_link = byId("tagger_tag_"+tag);
|
2007-09-26 09:40:51 +00:00
|
|
|
|
2007-09-28 05:10:44 +00:00
|
|
|
_tags = tags.value.split(" ");
|
|
|
|
|
|
|
|
tags.value = "";
|
|
|
|
for (i in _tags) {
|
|
|
|
_tag = _tags[i];
|
|
|
|
if(_tag != tag) {
|
|
|
|
addTag(_tag);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if(tag_link) {
|
|
|
|
tag_link.style.fontWeight = "";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function setTagIndicators() {
|
2007-09-27 08:52:10 +00:00
|
|
|
taggerResetPos();
|
2007-09-26 09:40:51 +00:00
|
|
|
|
2007-09-27 08:52:10 +00:00
|
|
|
tags = byId("tags");
|
2007-09-26 09:40:51 +00:00
|
|
|
tags = tags.value.split(" ");
|
|
|
|
|
|
|
|
for (x in tags) {
|
|
|
|
tag = tags[x];
|
|
|
|
obj = byId("tagger_tag_"+tag);
|
|
|
|
if(obj) {
|
|
|
|
obj.style.fontWeight="bold";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2007-09-28 21:26:59 +00:00
|
|
|
function pushSet(form_id) {
|
|
|
|
var set = getSetButton(form_id);
|
|
|
|
if(set) {
|
|
|
|
set.click();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function getSetButton(form_id) {
|
|
|
|
var form_nodes = getElementsByTagNames('input',byId(form_id));
|
|
|
|
for (i in form_nodes) {
|
|
|
|
node = form_nodes[i];
|
|
|
|
if (node.value=="Set" && node.type=="submit") {
|
|
|
|
return node;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
var _f_custTag = false;
|
2007-09-26 07:23:16 +00:00
|
|
|
function tagger_filter(id) {
|
2007-09-28 21:26:59 +00:00
|
|
|
if (_f_custTag) {
|
|
|
|
var filter = byId(id);
|
|
|
|
var e;
|
|
|
|
|
|
|
|
search = filter.value;
|
|
|
|
// set up single letter filters for first-letter matching only.
|
|
|
|
if (search.length == 1)
|
|
|
|
search = " "+search;
|
|
|
|
|
|
|
|
tag_links = getElementsByTagNames('div',byId('tagger_body'));
|
|
|
|
|
|
|
|
for (x in tag_links) {
|
|
|
|
tag_id = tag_links[x].id;
|
|
|
|
// remove tagger_tag from id, prepend space for first-letter matching.
|
|
|
|
tag = " "+tag_id.replace(/tagger_tag_/,"");
|
|
|
|
e = byId(tag_id);
|
|
|
|
if (!tag.match(search)) {
|
|
|
|
e.style.display = 'none';
|
|
|
|
} else {
|
|
|
|
e.style.display = '';
|
|
|
|
}
|
2007-09-26 07:23:16 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// Quirksmode.org //
|
|
|
|
// http://www.quirksmode.org/dom/getElementsByTagNames.html //
|
|
|
|
function getElementsByTagNames(list,obj) {
|
|
|
|
if (!obj) var obj = document;
|
|
|
|
var tagNames = list.split(',');
|
|
|
|
var resultArray = new Array();
|
|
|
|
for (var i=0;i<tagNames.length;i++) {
|
|
|
|
var tags = obj.getElementsByTagName(tagNames[i]);
|
|
|
|
for (var j=0;j<tags.length;j++) {
|
|
|
|
resultArray.push(tags[j]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var testNode = resultArray[0];
|
|
|
|
if (!testNode) return [];
|
|
|
|
if (testNode.sourceIndex) {
|
|
|
|
resultArray.sort(function (a,b) {
|
|
|
|
return a.sourceIndex - b.sourceIndex;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
else if (testNode.compareDocumentPosition) {
|
|
|
|
resultArray.sort(function (a,b) {
|
|
|
|
return 3 - (a.compareDocumentPosition(b) & 6);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
return resultArray;
|
|
|
|
}
|
2007-09-27 08:52:10 +00:00
|
|
|
// http://www.quirksmode.org/js/findpos.html //
|
|
|
|
function findPos(obj) {
|
|
|
|
var curleft = curtop = 0;
|
|
|
|
if (obj.offsetParent) {
|
|
|
|
curleft = obj.offsetLeft
|
|
|
|
curtop = obj.offsetTop
|
|
|
|
while (obj = obj.offsetParent) {
|
|
|
|
curleft += obj.offsetLeft
|
|
|
|
curtop += obj.offsetTop
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return [curleft,curtop];
|
|
|
|
}
|
2007-09-26 07:23:16 +00:00
|
|
|
// End //
|
|
|
|
|
2007-09-25 21:28:09 +00:00
|
|
|
// Drag Code //
|
|
|
|
//*****************************************************************************
|
|
|
|
// Do not remove this notice.
|
|
|
|
//
|
|
|
|
// Copyright 2001 by Mike Hall.
|
|
|
|
// See http://www.brainjar.com for terms of use.
|
|
|
|
//*****************************************************************************
|
|
|
|
|
|
|
|
// Determine browser and version.
|
|
|
|
|
|
|
|
function Browser() {
|
|
|
|
|
|
|
|
var ua, s, i;
|
|
|
|
|
|
|
|
this.isIE = false;
|
|
|
|
this.isNS = false;
|
|
|
|
this.version = null;
|
|
|
|
|
|
|
|
ua = navigator.userAgent;
|
|
|
|
|
|
|
|
s = "MSIE";
|
|
|
|
if ((i = ua.indexOf(s)) >= 0) {
|
|
|
|
this.isIE = true;
|
|
|
|
this.version = parseFloat(ua.substr(i + s.length));
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
s = "Netscape6/";
|
|
|
|
if ((i = ua.indexOf(s)) >= 0) {
|
|
|
|
this.isNS = true;
|
|
|
|
this.version = parseFloat(ua.substr(i + s.length));
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Treat any other "Gecko" browser as NS 6.1.
|
|
|
|
|
|
|
|
s = "Gecko";
|
|
|
|
if ((i = ua.indexOf(s)) >= 0) {
|
|
|
|
this.isNS = true;
|
|
|
|
this.version = 6.1;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
var browser = new Browser();
|
|
|
|
|
|
|
|
// Global object to hold drag information.
|
|
|
|
|
|
|
|
var dragObj = new Object();
|
|
|
|
dragObj.zIndex = 0;
|
|
|
|
|
|
|
|
function dragStart(event, id) {
|
|
|
|
var el;
|
|
|
|
var x, y;
|
|
|
|
|
|
|
|
// If an element id was given, find it. Otherwise use the element being
|
|
|
|
// clicked on.
|
|
|
|
|
|
|
|
if (id)
|
|
|
|
dragObj.elNode = document.getElementById(id);
|
|
|
|
else {
|
|
|
|
if (browser.isIE)
|
|
|
|
dragObj.elNode = window.event.srcElement;
|
|
|
|
if (browser.isNS)
|
|
|
|
dragObj.elNode = event.target;
|
|
|
|
|
|
|
|
// If this is a text node, use its parent element.
|
|
|
|
|
|
|
|
if (dragObj.elNode.nodeType == 3)
|
|
|
|
dragObj.elNode = dragObj.elNode.parentNode;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Get cursor position with respect to the page.
|
|
|
|
|
|
|
|
if (browser.isIE) {
|
|
|
|
x = window.event.clientX + document.documentElement.scrollLeft
|
|
|
|
+ document.body.scrollLeft;
|
|
|
|
y = window.event.clientY + document.documentElement.scrollTop
|
|
|
|
+ document.body.scrollTop;
|
|
|
|
}
|
|
|
|
if (browser.isNS) {
|
|
|
|
x = event.clientX + window.scrollX;
|
|
|
|
y = event.clientY + window.scrollY;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Save starting positions of cursor and element.
|
|
|
|
|
|
|
|
dragObj.cursorStartX = x;
|
|
|
|
dragObj.cursorStartY = y;
|
|
|
|
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
|
|
|
|
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
|
|
|
|
|
|
|
|
if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
|
|
|
|
if (isNaN(dragObj.elStartTop)) dragObj.elStartTop = 0;
|
|
|
|
|
|
|
|
// Update element's z-index.
|
|
|
|
|
|
|
|
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
|
|
|
|
|
|
|
|
// Capture mousemove and mouseup events on the page.
|
|
|
|
|
|
|
|
if (browser.isIE) {
|
|
|
|
document.attachEvent("onmousemove", dragGo);
|
|
|
|
document.attachEvent("onmouseup", dragStop);
|
|
|
|
window.event.cancelBubble = true;
|
|
|
|
window.event.returnValue = false;
|
|
|
|
}
|
|
|
|
if (browser.isNS) {
|
|
|
|
document.addEventListener("mousemove", dragGo, true);
|
|
|
|
document.addEventListener("mouseup", dragStop, true);
|
|
|
|
event.preventDefault();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function dragGo(event) {
|
|
|
|
|
|
|
|
var x, y;
|
|
|
|
|
|
|
|
// Get cursor position with respect to the page.
|
|
|
|
|
|
|
|
if (browser.isIE) {
|
|
|
|
x = window.event.clientX + document.documentElement.scrollLeft
|
|
|
|
+ document.body.scrollLeft;
|
|
|
|
y = window.event.clientY + document.documentElement.scrollTop
|
|
|
|
+ document.body.scrollTop;
|
|
|
|
}
|
|
|
|
if (browser.isNS) {
|
|
|
|
x = event.clientX + window.scrollX;
|
|
|
|
y = event.clientY + window.scrollY;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Move drag element by the same amount the cursor has moved.
|
|
|
|
|
|
|
|
dragObj.elNode.style.left = (dragObj.elStartLeft + x - dragObj.cursorStartX) + "px";
|
|
|
|
dragObj.elNode.style.top = (dragObj.elStartTop + y - dragObj.cursorStartY) + "px";
|
|
|
|
|
|
|
|
if (browser.isIE) {
|
|
|
|
window.event.cancelBubble = true;
|
|
|
|
window.event.returnValue = false;
|
|
|
|
}
|
|
|
|
if (browser.isNS)
|
|
|
|
event.preventDefault();
|
|
|
|
}
|
|
|
|
|
|
|
|
function dragStop(event) {
|
|
|
|
|
|
|
|
// Stop capturing mousemove and mouseup events.
|
|
|
|
|
|
|
|
if (browser.isIE) {
|
|
|
|
document.detachEvent("onmousemove", dragGo);
|
|
|
|
document.detachEvent("onmouseup", dragStop);
|
|
|
|
}
|
|
|
|
if (browser.isNS) {
|
|
|
|
document.removeEventListener("mousemove", dragGo, true);
|
|
|
|
document.removeEventListener("mouseup", dragStop, true);
|
|
|
|
}
|
2007-09-25 10:16:26 +00:00
|
|
|
}
|
2007-09-26 07:23:16 +00:00
|
|
|
// End //
|