User:Iritscen/TestSpace.js: Difference between revisions
(trying to capture span by ID) |
(oops, this.id is supposed to be within the JS) |
||
| Line 33: | Line 33: | ||
{ | { | ||
if (hasClass(Cells[j], "hovertable_descrip")) continue; | if (hasClass(Cells[j], "hovertable_descrip")) continue; | ||
addHandler(Cells[j], | addHandler(Cells[j], "mouseover", new Function("evt", "showDescrip(this.id, true);")); | ||
addHandler(Cells[j], | addHandler(Cells[j], "mouseout", new Function("evt", "showDescrip(this.id, false);")); | ||
} | } | ||
} | } | ||
Revision as of 14:26, 16 November 2012
function showDescrip(typeID, show_or_not)
{
var DescripPanel = document.getElementsByClassName("hovertable_descrip")[0];
var Descrips = DescripPanel.getElementsByTagName("span");
if (!DescripPanel || !Descrips)
return false;
for (var i = 0; i < Descrips.length; i++)
{
if (Descrips[i].id == typeID)
{
if (show_or_not)
Descrips[i].style.display = "block";
else
Descrips[i].style.display = "none";
}
}
}
function initHoverTables()
{
var Tables = document.getElementsByClassName("hovertable");
if (!Tables)
return false;
for (var i = 0; i < Tables.length; i++)
{
var Cells = Tables[i].getElementsByTagName("td");
if (!Cells) continue;
for (var j = 0; j < Cells.length; j++)
{
if (hasClass(Cells[j], "hovertable_descrip")) continue;
addHandler(Cells[j], "mouseover", new Function("evt", "showDescrip(this.id, true);"));
addHandler(Cells[j], "mouseout", new Function("evt", "showDescrip(this.id, false);"));
}
}
}
addOnloadHook(initHoverTables);