first I would like to say thanks for doing great job..
I am working on a tool, in my tool I need dynamic tooltip for valid, cancel buttons and for delete, copy, insert icons..I have tried a lot by using below code..nut i was unable to succeded so you guys could you please help me..here I am sending my code..in this coding there are validate and cancel buttons for that i need tooltip can you please help me.. i need urgently..thank u.
raj
<%@ page language="java" import="java.lang.*,java.util.*" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html locale="true">
<head>
<html:base />
<LINK href="../../stylesheet/Pagination.css" rel="styleSheet" type="text/css">
<LINK href="../../stylesheet/ComplexDataTable.css" rel="styleSheet" type="text/css">
<!-- <link rel="stylesheet" href="tooltip.css" type="text/css" />-->
<title>Capace</title>
<meta name = "Generator" content = "Easy Struts Xslt generator for Eclipse (
http://easystruts.sf.net).">
<SCRIPT language="JavaScript" >
var areaGlobalMaxLength=10;
function onLoad()
{
var area = document.getElementById("longDataValue");
//retrives windows args
MyArgs = window.dialogArguments;
//Updates label parmaters
var label = document.getElementById("LABEL");
label.innerHTML=MyArgs[2];
//Updates max size of the description.
areaGlobalMaxLength=MyArgs[3];
var value=MyArgs[0];
area.value= unescape(value);
var isEditable=MyArgs[1];
if(isEditable=='0'){
var tds=document.getElementById("buttons");
/*var button = document.getElementById("validateB");
button.src="../../images/Blank.png";
button.onclick="void('');";*/
tds.innerHTML='<html:image onclick="onCancel();" border="0" src="../../images/Cancel.png"/>';
area.disabled=true;
}
function onValidate()
{
var area = document.getElementById("longDataValue");
MyArgs=new Array(escape(area.value));
window.returnValue = MyArgs;
onCancel();
}
function show(object) {
if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'visible';
else if (document.all)
document.all[object].style.visibility = 'visible';
}
function hide(object) {
if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
function onCancel()
{
this.close();
}
</SCRIPT>
<SCRIPT language="JavaScript" src="../../js/common.js">
</SCRIPT>
<STYLE TYPE="text/css">
.myStyle {
position: absolute;
visibility: hidden;
}
</STYLE>
</head>
<body onload="onLoad()" class="CDT">
<div align="center">
<TABLE align="center" class="POPUP">
<tr>
<td Id="LABEL" class="POPUP">
</td>
</tr>
<tr>
<td>
<TEXTAREA id="longDataValue" rows="5" cols="45" class="POPUP" onkeydown="areaTextCounter(this)" onkeyup="areaTextCounter(this);">
</TEXTAREA>
</td>
</tr>
<tr>
<td align="center" id="buttons">
<A HREF="javascript:onValidate();" onMouseover="show('myLayer1')" onMouseout="hide('myLayer1')" ><IMG id="validateB" onclick="onValidate();" src="../../images/Validate.png" border="0" ALT="Validate" title="Validate"/></A>
<A HREF="javascript:onValidate();" onMouseover="show('myLayer2')" onMouseout="hide('myLayer2')" > <html:image onclick="onCancel();" border="0" src="../../images/Cancel.png" ALT="Cancel" title="Cancel"/></A>
</td>
</tr>
</TABLE>
</div>
</body>
</html:html>