Hi All,
I have some problem in innerHtml. I have the textbox in innerHtml, In the innerHtml textbox was read only. I want make it to enable. if user enter the text that text will be retrieved, so i want to be enable text box. Another one problem is the the innerhtml will be in like popup window. it will automatically closed.i want be whenever i click close button that time only it will close. Please help me.
here is the Code
[HTML]<html>
<body>
<script type="text/javascript">
function show_popup23()
{
var p=window.createPopup();
var pbody=p.document.body;
//pbody.style.filter="alpha(opacity=100)" ;
pbody.style.fontSize="10px";
pbody.style.align="center";
pbody.style.fontFamily="Verdana, Arial, Helvetica, sans-serif";
pbody.document.body.innerHTML=oToolTip.innerHTML;
p.show(0,0,800,500,document.body);
}
</script>
<a onClick="show_popup23()">Click Me</a>
<div id="oToolTip" style="display:none; ">
<div id="block" style=" vertical-align:middle; width:100%; height:100%; border:2px solid black; filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0, StartColorStr=#cdcdcd, EndColorStr=#FFFFFF); padding:0px">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bordercolor="000000" align="center" class="txttype1" >
<tr bgcolor="#9B9AB7"><td colspan="4" height="1px"></td></tr>
<tr><td align="center" valign="middle">
<table class="txttype1" border="0" bordercolor="#000000" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#9B9AB7" width="1px"></td>
<td height="22px" width="150px"><font size="1px" face="Verdana, Arial, Helvetica, sans-serif">Headeing</font></td>
<td align="right"><a onclick="pbody.hide()"><img src="images/close.gif"></a></td>
<td bgcolor="#9B9AB7" width="1px"></td>
</tr>
<tr>
<td bgcolor="#9B9AB7" width="1px"></td>
<td bgcolor="#ffffff" height="25px"><font size="1px" face="Verdana, Arial, Helvetica, sans-serif">Enter the Name</font></td>
<td bgcolor="#ffffff"><input type="text" class="textbox" name="name" value="sadas" /> </td>
<td bgcolor="#9B9AB7" width="1px"></td></tr>
<tr>
<td bgcolor="#9B9AB7" width="1px"></td>
<td bgcolor="#ffffff" colspan="2" align="center" height="40px"><input type="submit" value="Done" name="done" ><input type="reset" value="Clear" name="clear" > </td>
<td bgcolor="#9B9AB7" width="1px"></td>
</tr>
<tr bgcolor="#9B9AB7"><td colspan="4" height="1px"></td></tr>
</table>
</td></tr>
</table>
</div>
</div>
</body></html>[/HTML]