Full Text Popup Layer

function showFullText(fulltext) {

 var obj = document.getElementById("div_ft");

 obj.innerHTML = "<b>" + fulltext + "</b>";

 obj.style.left = document.body.scrollLeft + event.clientX + 10;

 obj.style.top = document.body.scrollTop + event.clientY + 10;

 obj.style.visibility = "visible";

}

function hideFullText() {

 var obj = document.getElementById("div_ft");

 obj.style.visibility = "hidden";

}

<div id="div_ft" style="position:absolute;z-index:1;visibility:hidden;background:#FFFFE1;border-left:1px solid #000000;border-right:1px solid #000000;border-top:1px solid #000000;border-bottom:1px solid #000000;"></div>

String dispPgmId = (row[3].length() > 18) ? row[3].substring(0, 15) + "..." : row[3];

<td align="center" class="<%=(i % 2 == 0 ? "even" : "odd")%>"<%=row[3].equals(dispPgmId) ? "" : " onMouseOut=\"hideFullText();\" onMouseOver=\"showFullText('"+row[3]+"')\""%>><%=dispPgmId%></td>

조각 조각...