style upgrade
This commit is contained in:
109
js/functions.js
109
js/functions.js
@@ -739,25 +739,25 @@ function setPointer(theRow, theRowNum, theAction, theDefaultColor, thePointerCol
|
||||
* @param object the table row
|
||||
* @param integer the column number
|
||||
* @param string the action calling this script (over, out or click)
|
||||
* @param string the default background color
|
||||
* @param string the color to use for mouseover
|
||||
* @param string the color to use for marking a row
|
||||
* @param string the default background Class
|
||||
* @param string the Class to use for mouseover
|
||||
* @param string the Class to use for marking a row
|
||||
*
|
||||
* @return boolean whether pointer is set or not
|
||||
*
|
||||
* @author Garvin Hicking <me@supergarv.de> (rewrite of setPointer.)
|
||||
*/
|
||||
function setVerticalPointer(theRow, theColNum, theAction, theDefaultColor1, theDefaultColor2, thePointerColor, theMarkColor) {
|
||||
var theCells = null;
|
||||
var tagSwitch = null;
|
||||
|
||||
function setVerticalPointer(theRow, theColNum, theAction, theDefaultClass1, theDefaultClass2, thePointerClass, theMarkClass) {
|
||||
// 1. Pointer and mark feature are disabled or the browser can't get the
|
||||
// row -> exits
|
||||
if ((thePointerColor == '' && theMarkColor == '')
|
||||
if ((thePointerClass == '' && theMarkClass == '')
|
||||
|| typeof(theRow.style) == 'undefined') {
|
||||
return false;
|
||||
}
|
||||
|
||||
var tagSwitch = null;
|
||||
|
||||
// 2. Gets the current row and exits if the browser can't get it
|
||||
if (typeof(document.getElementsByTagName) != 'undefined') {
|
||||
tagSwitch = 'tag';
|
||||
} else if (typeof(document.getElementById('table_results')) != 'undefined') {
|
||||
@@ -766,7 +766,8 @@ function setVerticalPointer(theRow, theColNum, theAction, theDefaultColor1, theD
|
||||
return false;
|
||||
}
|
||||
|
||||
// 2. Gets the current row and exits if the browser can't get it
|
||||
var theCells = null;
|
||||
|
||||
if (tagSwitch == 'tag') {
|
||||
theRows = document.getElementById('table_results').getElementsByTagName('tr');
|
||||
theCells = theRows[1].getElementsByTagName('td');
|
||||
@@ -775,84 +776,72 @@ function setVerticalPointer(theRow, theColNum, theAction, theDefaultColor1, theD
|
||||
theCells = theRows[1].cells;
|
||||
}
|
||||
|
||||
// 3. Gets the current color...
|
||||
var rowCnt = theRows.length;
|
||||
var domDetect = null;
|
||||
var currentColor = null;
|
||||
var newColor = null;
|
||||
// 3. Gets the current Class...
|
||||
var currentClass = null;
|
||||
var newClass = null;
|
||||
|
||||
// 3.1 ... with DOM compatible browsers except Opera that does not return
|
||||
// valid values with "getAttribute"
|
||||
if (typeof(window.opera) == 'undefined'
|
||||
&& typeof(theCells[theColNum].getAttribute) != 'undefined') {
|
||||
currentColor = theCells[theColNum].getAttribute('bgcolor');
|
||||
domDetect = true;
|
||||
}
|
||||
// 3.2 ... with other browsers
|
||||
else {
|
||||
domDetect = false;
|
||||
currentColor = theCells[theColNum].style.backgroundColor;
|
||||
currentClass = theCells[theColNum].className;
|
||||
} // end 3
|
||||
|
||||
var c = null;
|
||||
|
||||
// 4. Defines the new color
|
||||
// 4.1 Current color is the default one
|
||||
if (currentColor == ''
|
||||
|| currentColor.toLowerCase() == theDefaultColor1.toLowerCase()
|
||||
|| currentColor.toLowerCase() == theDefaultColor2.toLowerCase()) {
|
||||
if (theAction == 'over' && thePointerColor != '') {
|
||||
newColor = thePointerColor;
|
||||
} else if (theAction == 'click' && theMarkColor != '') {
|
||||
newColor = theMarkColor;
|
||||
// 4. Defines the new Class
|
||||
// 4.1 Current Class is the default one
|
||||
if (currentClass == ''
|
||||
|| currentClass.toLowerCase() == theDefaultClass1.toLowerCase()
|
||||
|| currentClass.toLowerCase() == theDefaultClass2.toLowerCase()) {
|
||||
if (theAction == 'over' && thePointerClass != '') {
|
||||
newClass = thePointerClass;
|
||||
} else if (theAction == 'click' && theMarkClass != '') {
|
||||
newClass = theMarkClass;
|
||||
marked_row[theColNum] = true;
|
||||
}
|
||||
}
|
||||
// 4.1.2 Current color is the pointer one
|
||||
else if (currentColor.toLowerCase() == thePointerColor.toLowerCase() &&
|
||||
// 4.1.2 Current Class is the pointer one
|
||||
else if (currentClass.toLowerCase() == thePointerClass.toLowerCase() &&
|
||||
(typeof(marked_row[theColNum]) == 'undefined' || !marked_row[theColNum]) || marked_row[theColNum] == false) {
|
||||
if (theAction == 'out') {
|
||||
if (theColNum % 2) {
|
||||
newColor = theDefaultColor1;
|
||||
newClass = theDefaultClass1;
|
||||
} else {
|
||||
newColor = theDefaultColor2;
|
||||
newClass = theDefaultClass2;
|
||||
}
|
||||
}
|
||||
else if (theAction == 'click' && theMarkColor != '') {
|
||||
newColor = theMarkColor;
|
||||
else if (theAction == 'click' && theMarkClass != '') {
|
||||
newClass = theMarkClass;
|
||||
marked_row[theColNum] = true;
|
||||
}
|
||||
}
|
||||
// 4.1.3 Current color is the marker one
|
||||
else if (currentColor.toLowerCase() == theMarkColor.toLowerCase()) {
|
||||
// 4.1.3 Current Class is the marker one
|
||||
else if (currentClass.toLowerCase() == theMarkClass.toLowerCase()) {
|
||||
if (theAction == 'click') {
|
||||
newColor = (thePointerColor != '')
|
||||
? thePointerColor
|
||||
: ((theColNum % 2) ? theDefaultColor1 : theDefaultColor2);
|
||||
newClass = (thePointerClass != '')
|
||||
? thePointerClass
|
||||
: ((theColNum % 2) ? theDefaultClass2 : theDefaultClass1);
|
||||
marked_row[theColNum] = false;
|
||||
}
|
||||
} // end 4
|
||||
|
||||
// 5 ... with DOM compatible browsers except Opera
|
||||
|
||||
for (c = 0; c < rowCnt; c++) {
|
||||
if (tagSwitch == 'tag') {
|
||||
Cells = theRows[c].getElementsByTagName('td');
|
||||
} else if (tagSwitch == 'cells') {
|
||||
Cells = theRows[c].cells;
|
||||
}
|
||||
|
||||
Cell = Cells[theColNum];
|
||||
|
||||
// 5.1 Sets the new color...
|
||||
if (newColor) {
|
||||
if (domDetect) {
|
||||
Cell.setAttribute('bgcolor', newColor, 0);
|
||||
} else {
|
||||
Cell.style.backgroundColor = newColor;
|
||||
if (newClass) {
|
||||
var c = null;
|
||||
var rowCnt = theRows.length;
|
||||
for (c = 0; c < rowCnt; c++) {
|
||||
if (tagSwitch == 'tag') {
|
||||
Cells = theRows[c].getElementsByTagName('td');
|
||||
} else if (tagSwitch == 'cells') {
|
||||
Cells = theRows[c].cells;
|
||||
}
|
||||
} // end 5
|
||||
} // end for
|
||||
|
||||
Cell = Cells[theColNum];
|
||||
|
||||
// 5.1 Sets the new Class...
|
||||
Cell.className = Cell.className.replace(currentClass, newClass);
|
||||
} // end for
|
||||
} // end 5
|
||||
|
||||
return true;
|
||||
} // end of the 'setVerticalPointer()' function
|
||||
|
Reference in New Issue
Block a user