javascript - How can I use getElementById for a control created in code behind? -

-

i trying use onmouseover , onmouseout event on table td created on client side, when user mouses on table cell, panel becomes visible, , when mouse out, panel becomes invisible. 

<table>     <tr>         <td onmouseover="togglevisibility('fileheader', true);" onmouseout="togglevisibility('fileheader', false);">             content goes here.                                  </td>     </tr> </table>

the onmouseover , onmouseout call following javascript function, defined on client side.

<script language="javascript" type="text/javascript">     function togglevisibility(id, visible) {         var content = document.getelementbyid(id);         if (content != null) {             if (visible) {                 content.style.display = "block";             } else {                 content.style.display = "none";             }         }     } </script>

the "id" i'm passing in getelementbyid id panel control created in code behind during page_load. panel added different table defined on client side so:

<asp:table id="helptable" runat="server"></asp:table>

here panel created , added table in code behind:

tablerow row = new tablerow(); helptable.rows.add(row); tablecell cell = new tablecell(); row.cells.add(cell);  panel pfileheader = new panel(); pfileheader.id = "fileheader"; pfileheader.style.add("display", "none");  cell.controls.add(pfileheader);

(the panel, pfileheader contains actual content (labels text, etc.) i've left out simplicity).

when panel created on client side, togglevisibility function works fine, when panel created in code behind, getelementbyid returns null. i'm pretty new javascript, , appreciate help. thank you!

asp.net automatically name mangle of id's of runat=server objects. can retrieve mangled id using clientid property.


Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more