Sorter (Entry Nr. 212, by user 1 | edit) |
|
| /*
Bookmarklet Skript by Gibney-Enterprises
This one allows you to sort a table by a column
Create a bookmarklet with an uri like this:
javascript:if (document.createElement){void(head=document.getElementsByTagName('head').item(0));void(script=document.createElement('script'));void(script.src='javascript:if (document.createElement){void(head=document.getElementsByTagName('head').item(0));void(script=document.createElement('script'));void(script.src='http://javascript.gibney.org/sorter.js');void(script.type='text/javascript');void(head.appendChild(script));}');void(script.type='text/javascript');void(head.appendChild(script));}
*/
// Global Variables
var isDOM=document.getElementById&&!document.all;
var maxTableSortId=0;
var sortCell=0; // The cell to sort on, global, so it can be accessed by compareRows
// Styles
buttonStyle="color:#000;text-decoration:none;cursor:pointer;display:block;background-color:#fff;border:1px solid #ddd;padding:0.2em;margin:0.1em;";
// Styling functions:
function buttonOver(obj)
{
obj.style.color="#300";
obj.style.backgroundColor="#eff6ef";
obj.style.borderTop="1px solid #aba";
obj.style.borderRight="1px solid #efe";
obj.style.borderBottom="1px solid #efe";
obj.style.borderLeft="1px solid #aba";
}
function buttonOut(obj)
{
obj.style.color="#000";
obj.style.backgroundColor="#fff";
obj.style.border="1px solid #ddd";
}
// Position functions
// functions used to retrive the position and dimension of different elements
function getMouseX(e)
{
var r=0;
if (isDOM) r = e.pageX;
else r = event.clientX + document.body.scrollLeft;
if (r < 0) r=0;
return r;
}
function getMouseY(e)
{
var r=0;
if (isDOM) r = e.pageY;
else r = event.clientY + document.body.scrollTop;
if (r < 0) r=0;
return r;
}
function getTop(Element)
{
if (Element.offsetParent) return Element.offsetTop+getTop(Element.offsetParent);
else return Element.offsetTop;
}
function getLeft(Element)
{
if (Element.offsetParent) return Element.offsetLeft+getLeft(Element.offsetParent)
else return Element.offsetLeft;
}
function getWidth(Element)
{
return Element.offsetWidth;
}
function getHeight(Element)
{
return Element.offsetHeight;
}
// functions for the dynamic creation and deletion of divs
function removeElementById(id)
{
if (!document.getElementById(id)) return;
element=document.getElementById(id);
element.parentNode.removeChild(element);
}
function removeDiv(id)
{
removeElementById(id);
}
function createDiv(id,posX,posY,content)
{
var menuDiv=document.createElement("div");
menuDiv.id=id;
menuDiv.style.position='absolute';
menuDiv.style.top =posY+'px';
menuDiv.style.left=posX+'px';
menuDiv.innerHTML=content;
document.getElementsByTagName('body').item(0).appendChild(menuDiv);
return menuDiv;
}
/* currently unused
// highlight table produces a div with the position and dimension of the given table
// showing a dotted border around the table
function highlightTable(table)
{
var tableX = getLeft(table);
var tableY = getTop(table);
var id = 'highlight_cm1';
var tableWidth =getWidth(table);
var tableHeight=getHeight(table);
var content =' ';
content+=' ';
createDiv(id,tableX,tableY,content);
}
*/
// show a contextmenu for tablesorting
function contextmenu(e)
{
var id = 'cm1';
var tempObj = isDOM ? e.target : event.srcElement;
if (!e) e = window.event;
if ((e.type && e.type == "contextmenu") || (e.button && e.button == 2) || (e.which && e.which == 3))
{
hideContextmenu(id);
var mouseX = getMouseX(e);
var mouseY = getMouseY(e);
var tableObj=false;
var rowObj =false;
var cellObj =false;
while(tempObj.parentNode)
{
if (tempObj.tagName=='TD' || tempObj.tagName=='TH') cellObj =tempObj;
if (tempObj.tagName=='TR') rowObj =tempObj;
if (tempObj.tagName=='TABLE')
{
tableObj=tempObj;
break;
}
tempObj=tempObj.parentNode;
}
if (tableObj==false || rowObj==false || cellObj==false) return false;
if (!cellObj.id) cellObj.id ='ge_tablesorter_cell_'+maxTableSortId;
if (!rowObj.id) rowObj.id ='ge_tablesorter_row_'+maxTableSortId;
if (!tableObj.id) tableObj.id='ge_tablesorter_table_'+maxTableSortId;
maxTableSortId++;
var content ='';
content+=' ';
content+=getSortValue(cellObj.innerHTML);
content+=' ';
content+=' 0 )
{
var q = list[i]; list[i] = list[i+1]; list[i+1] = q;
swap = true;
}
}
t--;
if (!swap) break;
for(var i = t; i > b; --i)
{
if ( comp_func(list[i], list[i-1]) < 0 )
{
var q = list[i]; list[i] = list[i-1]; list[i-1] = q;
swap = true;
}
}
b++;
}
}
function sortRow(cellId,rowId,tableId,direction)
{
var rowData =new Array(); // Holds the table rows to sort...
var cellData=new Array();
var cellObj =document.getElementById(cellId);
var rowObj =document.getElementById(rowId);
var tableObj=document.getElementById(tableId);
var rowCount =tableObj.rows.length;
var startRow =1+rowObj.rowIndex;
var endRow =rowCount;
var cellCount=rowObj.cells.length;
sortCell =cellObj.cellIndex; // global, so it can be accessed by compareRows
for (var i=startRow; iparseInt(b.substr(i))) return 1;
if (parseInt(b.substr(i))>parseInt(a.substr(i))) return -1;
if (a[i]>b[i]) return 1;
if (b[i]>a[i]) return -1;
}
return 0;
}
/*
function compareRows(rowA,rowB)
{
if (rowA.sortValue]*value=/i)>-1)
{
var temp=str.match(/]*value=[\"\']([^\"\']*)/i);
return temp[1];
}
// get rid of html tags
str=str.replace(/<[^>]*>/ig,'');
return str;
}
// ----------------------------------------------------------------------------------
// Main
// ----------------------------------------------------------------------------------
if (typeof(ge_bookmarklet_sorter_noninteractive)=="undefined")
{
if (document.layers) document.captureEvents(Event.MOUSEDOWN);
document.onmousedown =handleMouseDown;
document.oncontextmenu =contextmenu;
message=createDiv('cm1',10,10,' | The Sorter is active.
Right-click on the header of a column to use it. |
');
message.style.zIndex=9999;
}
|
|
|
|
