HTML code
Javascript Code
On first click(method call) it's not working on 2nd click(method call) it's working.
Why it's happening .....
Code:
<div id="dtls_DIV" style="background-color:#CCCCCC;border-style:solid;border-width:1px;border-color:#000000;display:none;position:absolute;height:180px;width:230px;overflow:auto">
<table id="dtls_TAB" border=0 cellpadding="2" cellspacing="2" width=100%>
<tr>
<td nowrap id="dtls_TD" class="searchbgcolor" style="background-color:#DDEEEE">Not Available<BR/></td>
<td align="right" valign="top"><input type=button class=button value="X" onclick="document.getElementById('dtls_DIV').style.display='none';" title="close the window"/></td>
</tr>
</table>
</div>
Code:
function showList(value,obj){
alert(value);
var pos = findPos(obj);
var left = pos[0], top = pos[1];
var div_ref = document.getElementById('dtls_DIV');
if(value!='') document.getElementById('dtls_TD').innerHTML = value;
else document.getElementById('dtls_TD').innerHTML = 'Not Available</BR>';
div_ref.style.left = left+'px';
div_ref.style.top = top+'px';
var dtls_TAB = document.getElementById('dtls_TAB');
div_ref.style.height = (dtls_TAB.offsetHeight+10)+'px';
div_ref.style.width = (dtls_TAB.offsetWidth+10)+'px';
div_ref.style.display = 'block';
}
Why it's happening .....
Comment