asp.net - JQuery fixed header is not working when added to master page -
everything works fine without master page. when added master page not working.
please help. please response possible.
here actual link: http://www.asual.com/jquery/thead/
my master page:
<%@ master language="vb" codefile="defaultmaster.master.vb" inherits="defaultmaster" %> <%@ register src="~/usercontrols/header.ascx" tagname="header" tagprefix="ucheader" %> <%@ register src="~/usercontrols/topmenu.ascx" tagname="topmenu" tagprefix="uctopmenu" %> <%@ register src="~/usercontrols/sitemap.ascx" tagname="sitemap" tagprefix="ucsitemap" %> <%@ register assembly="trirand.web" tagprefix="trirand" namespace="trirand.web.ui.webcontrols" %> <%@ register assembly="ajaxcontroltoolkit" namespace="ajaxcontroltoolkit" tagprefix="asp" %> <!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="head1" runat="server"> <title>bms</title> <link href="../app_themes/defaulttheme/images/icons/tab_favorite.png" rel="shortcut icon" /> <link href="~/app_themes/defaulttheme/css/static.css" rel="stylesheet" type="text/css" /> <link href="~/app_themes/defaulttheme/css/content.css" rel="stylesheet" type="text/css" /> <link href="~/app_themes/defaulttheme/css/ajaxclass.css" rel="stylesheet" type="text/css" /> <link href="~/app_themes/defaulttheme/css/theme.css" rel="stylesheet" type="text/css" /> <!--------------------jquery css section---------------> <link rel="stylesheet" href="~/app_themes/defaulttheme/ui/css/redmond/jquery-ui-1.8.17.custom.css" /> <link href="../app_themes/defaulttheme/css/ui.jqgrid.css" rel="stylesheet" type="text/css" /> <link href="../scripts/treeview/jquery.treeview.css" rel="stylesheet" type="text/css" /> <!--------------------jquery js---------------> <script type="text/javascript" src="../app_themes/defaulttheme/ui/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="../app_themes/defaulttheme/ui/js/jquery-ui-1.8.17.custom.min.js"></script> <script type="text/javascript" src="../scripts/trirand/i18n/grid.locale-en.js"></script> <script type="text/javascript" src="../scripts/trirand/jquery.jqgrid.min.js"></script> <script type="text/javascript" src="../scripts/treeview/lib/jquery.cookie.js"></script> <script type="text/javascript" src="../scripts/treeview/jquery.treeview.js"></script> <script type="text/javascript" src="../scripts/custom_ui.js"></script> <!---------------------end------------------------> <!---------------------starting new style link------------------------> <link href="../app_themes/defaulttheme/css/ddsmoothmenu.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../app_themes/defaulttheme/javascript/ddsmoothmenu.js"></script> <!---------------------end------------------------> <script language="javascript" type="text/javascript"> // track key presses document.onkeydown = checkkeycode; { // global variables used checkkeycode , checkforbrowserclose functions var oldkeycode; var closingkey; // key pressed? function checkkeycode(key) { var keycode; if (window.event) { keycode = window.event.keycode; } else if (key) { keycode = key.which; } // if user pressed alt key(18) , f4(115), trying close browser if ((keycode == 115) && (oldkeycode == 18)) { // alert(keycode); closingkey = true; window.location.href = 'login/logout.aspx'; } oldkeycode = keycode; } } </script> <script language="javascript" type="text/javascript"> // onkeydown="if (event.keycode==8) {event.keycode=0; homecoming event.keycode; }" var isns = (navigator.appname == "netscape") ? 1 : 0; var enablerightclick = 1; //make 1 view source if (isns) document.captureevents(event.mousedown || event.mouseup); function mischandler() { if (enablerightclick == 1) { homecoming true; } else { homecoming false; } } function mousehandler(e) { if (enablerightclick == 1) { homecoming true; } var myevent = (isns) ? e : event; var eventbutton = (isns) ? myevent.which : myevent.button; if ((eventbutton == 2) || (eventbutton == 3)) homecoming false; } function keyhandler(e) { var myevent = (isns) ? e : window.event; if (myevent.keycode == 96) enablerightclick = 1; return; } document.oncontextmenu = mischandler; document.onkeypress = keyhandler; document.onmousedown = mousehandler; document.onmouseup = mousehandler; document.onkeydown = showdown; //--> function showdown() { if (document.all) { if (event.keycode == 116) { event.keycode = 0; homecoming false; } } } function closeit() { navigate("../login.aspx"); //event.returnvalue = " " ; } </script> <!--javascript newly added--> <script type="text/javascript"> ddsmoothmenu.init({ mainmenuid: "smoothmenu1", //menu div id orientation: 'h', //horizontal or vertical menu: set "h" or "v" classname: 'ddsmoothmenu', //class added menu's outer div //customtheme: ["#1c5a80", "#18374a"], contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] }) ddsmoothmenu.init({ mainmenuid: "smoothmenu2", //menu div id orientation: 'v', //horizontal or vertical menu: set "h" or "v" classname: 'ddsmoothmenu-v', //class added menu's outer div //customtheme: ["#804000", "#482400"], contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"] }) // <![cdata[ var mymenu; window.onload = function () { mymenu = new sdmenu("my_menu"); mymenu.init(); /*var firstsubmenu = mymenu.submenus[0]; mymenu.expandmenu(firstsubmenu); var firstsubmenu1 = mymenu.submenus[1]; mymenu.expandmenu(firstsubmenu1); */ }; // // ]]> // $(document).ready(function () { // $(".ddsmoothmenu ul").hide(); // $(".ddsmoothmenu li").hover( // function () { // $('ul:first', this).show(); // }, // function () { // $('ul:first', this).hide(); // }); // }); </script> <!--end--> </head> <body> <div class="page"> <ucheader:header id="header1" runat="server" /> <div id="logininfo"> <label> welcome <%=userinfo.getuserinfo.fullname%> | [ <a id="logoff" href="~/login/logout.aspx" runat="server">log out</a> ]</label> </div> <div id="wrapper"> <form id="form1" runat="server"> <asp:scriptmanager id="scriptmanager1" runat="server" enablehistory="true" > </asp:scriptmanager> <div id="topmenucontainer"> <%--<uctopmenu:topmenu id="tpmenu" runat="server" />asyncpostbacktimeout="36000" onnavigate="onnavigatehistory" enablehistory="true" enablesecurehistorystate="false" --%> <div id="portaltopmenu" runat="server"> </div> </div> <div id="pagecontent"> <div id="progressbar"> <ucsitemap:sitemap id="sitemap1" runat="server" /> </div> <asp:updatepanel id="updatepanel1" runat="server" updatemode="conditional"> <contenttemplate> <div style="width: 100%; height: 100%;"> <asp:updateprogress id="updateprogress1" runat="server"> <progresstemplate> <asp:panel id="updateprogresspanel" runat="server" width="100%" height="100%"> <div style="position: absolute; width: 100%; height: 100%; background-color: gray; z-index: 1000; opacity: 0.4;"> </div> <div style="position: absolute; top: 48%; left: 48%; z-index: 1001"> <asp:image id="image1" imageurl="../app_themes/defaulttheme/images/spinner.gif" runat="server" /> </div> </asp:panel> </progresstemplate> </asp:updateprogress> <asp:alwaysvisiblecontrolextender id="alwaysvisiblecontrolextender1" targetcontrolid="updateprogresspanel" verticalside="top" verticaloffset="0" horizontalside="left" horizontaloffset="0" runat="server" /> </div> <asp:contentplaceholder id="head" runat="server"></asp:contentplaceholder> <asp:contentplaceholder id="contentbody" runat="server"> </asp:contentplaceholder> </contenttemplate> </asp:updatepanel> </div> </form> </div> </div> </body> </html> and kid page:
<%@ page title="" language="vb" masterpagefile="~/masterpages/defaultmaster.master" autoeventwireup="false" codefile="invoicedailybalance.aspx.vb" inherits="pages_invoicedailybalance" %> <%@ register assembly="ajaxcontroltoolkit" namespace="ajaxcontroltoolkit" tagprefix="asp" %> <asp:content id="content1" contentplaceholderid="contentbody" runat="server"> <script type="text/javascript" src="../scripts/jquery.thead-1.1.min.js"></script> <div id="content"> <div id="content_header" class="no_expand"> <div id="header_title"> <label class="header"> invoice daily balance</label> </div> <div id="header_menu"> <div id="validation"> <asp:label id="lblmessage" runat="server"></asp:label> <asp:validationsummary id="vgsearch" runat="server" validationgroup="vgsearch" cssclass="errormsg" /> </div> </div> <div id="content_main"> <div id="content_main_top"> <fieldset> <!--displays filedset label--> <legend>inputs</legend> <div class="field_content"> <table> <tr> <td> <label class="title"> operator name</label> </td> <td> <label class="title"> start date </label> </td> <td> <label class="title"> end date </label> </td> <td> </td> </tr> <tr> <td class="fields"> <asp:dropdownlist id="ddloptname" runat="server" autopostback="false" cssclass="dd_box" height="24px"> </asp:dropdownlist> <asp:requiredfieldvalidator id="rfvddloptname" runat="server" display="dynamic" controltovalidate="ddloptname" errormessage="please select operator name." validationgroup="vgsearch" cssclass="errormsg">* </asp:requiredfieldvalidator> </td> <td> <%--<asp:textbox id="txtstrtdatesearch" runat="server" text="" width="110px" height="18px"></asp:textbox> <asp:textboxwatermarkextender id="tbwetxtstartdateedit" runat="server" targetcontrolid="txtstrtdatesearch" watermarktext="dd/mm/yyyy" watermarkcssclass="watermarked" /> <asp:maskededitextender id="meedtxtstartdateedit" runat="server" mask="99/99/9999" targetcontrolid="txtstrtdatesearch" clearmaskonlostfocus="true" masktype="date"> </asp:maskededitextender> <asp:calendarextender id="txtstartdateedit_calendarextender" runat="server" enabled="true" targetcontrolid="txtstrtdatesearch" format="dd/mm/yyyy" popupbuttonid="txtstrtdatesearch"> </asp:calendarextender> <asp:requiredfieldvalidator id="rfvtxtstrtdatesearch" runat="server" display="dynamic" controltovalidate="txtstrtdatesearch" errormessage="please come in start date." validationgroup="vgshow" cssclass="errormsg">* </asp:requiredfieldvalidator> <asp:regularexpressionvalidator id="revtxtstartdateedit" runat="server" controltovalidate="txtstrtdatesearch" errormessage="please come in valid start date" validationexpression="^(?:((31/(01|03|05|07|08|10|12))|(((0[1-9]|[12][0-9])|30)/(01|03|04|05|06|07|08|09|10|11|12))|((0[1-9]|[12][0-9]|2[0-8])/02))|(29/02(?=-((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)))))/((1[6-9]|[2-9]\d)\d{2})$" validationgroup="vgshow" cssclass="errormsg">*</asp:regularexpressionvalidator> --%> <asp:textbox id="txtstrtdatesearch" runat="server" cssclass="txt_small"></asp:textbox> <asp:textboxwatermarkextender id="tbwetxtstrtdatesearch" runat="server" targetcontrolid="txtstrtdatesearch" watermarktext="dd/mm/yyyy" watermarkcssclass="watermarked" /> <asp:maskededitextender id="meetxtstrtdatesearch" runat="server" mask="99/99/9999" targetcontrolid="txtstrtdatesearch" clearmaskonlostfocus="true" masktype="date"> </asp:maskededitextender> <asp:calendarextender id="txtstrtdatesearch_calendarextender" runat="server" enabled="true" targetcontrolid="txtstrtdatesearch" format="dd/mm/yyyy" popupbuttonid="txtstrtdatesearch"> </asp:calendarextender> <asp:requiredfieldvalidator id="rfvtxtstrtdatesearch" runat="server" display="dynamic" controltovalidate="txtstrtdatesearch" errormessage="please come in start date" validationgroup="vgsearch" cssclass="errormsg">* </asp:requiredfieldvalidator> <asp:regularexpressionvalidator id="rexvtxtstrtdatesearch" runat="server" controltovalidate="txtstrtdatesearch" errormessage="please come in valid start date" validationexpression="^(?:((31/(01|03|05|07|08|10|12))|(((0[1-9]|[12][0-9])|30)/(01|03|04|05|06|07|08|09|10|11|12))|((0[1-9]|[12][0-9]|2[0-8])/02))|(29/02(?=-((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)))))/((1[6-9]|[2-9]\d)\d{2})$" validationgroup="vgsearch" cssclass="errormsg">*</asp:regularexpressionvalidator> </td> <td class="fields"> <asp:textbox id="txtenddatesearch" runat="server" text="" cssclass="txt_small"></asp:textbox> <asp:textboxwatermarkextender id="tbwetxtendedit" runat="server" targetcontrolid="txtenddatesearch" watermarktext="dd/mm/yyyy" watermarkcssclass="watermarked" /> <asp:maskededitextender id="meedtxtenddateedit" runat="server" mask="99/99/9999" targetcontrolid="txtenddatesearch" clearmaskonlostfocus="true" masktype="date"> </asp:maskededitextender> <asp:calendarextender id="txtenddateedit_calendarextender" runat="server" enabled="true" targetcontrolid="txtenddatesearch" format="dd/mm/yyyy" popupbuttonid="txtenddatesearch"> </asp:calendarextender> <asp:requiredfieldvalidator id="rfvtxtenddatesearch" runat="server" display="dynamic" controltovalidate="txtenddatesearch" errormessage="please come in end date" validationgroup="vgsearch" cssclass="errormsg">* </asp:requiredfieldvalidator> <asp:regularexpressionvalidator id="revtxtenddateedit" runat="server" controltovalidate="txtenddatesearch" errormessage="please come in valid end date" validationexpression="^(?:((31/(01|03|05|07|08|10|12))|(((0[1-9]|[12][0-9])|30)/(01|03|04|05|06|07|08|09|10|11|12))|((0[1-9]|[12][0-9]|2[0-8])/02))|(29/02(?=-((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)))))/((1[6-9]|[2-9]\d)\d{2})$" validationgroup="vgsearch" cssclass="errormsg">*</asp:regularexpressionvalidator> <asp:comparevalidator id="cmpval1" controltocompare="txtstrtdatesearch" controltovalidate="txtenddatesearch" type="date" operator="greaterthanequal" errormessage="end date should not less start date" runat="server" validationgroup="vgsearch" cssclass="errormsg">*</asp:comparevalidator> </td> <td> <asp:button id="btnsearch" runat="server" text="search" cssclass="submitbtn" validationgroup="vgsearch" causesvalidation="true" /> </td> </tr> </table> </div> </fieldset> </div> <div id="content_main_bottom" class="sample jquery-thead" > <asp:gridview id="gvinvoiceddailybalance" runat="server" autogeneratecolumns="false" showfooter="true" cssclass="gridview" alternatingrowstyle-cssclass="gv_altrow" footerstyle-cssclass="gv_footer" pagerstyle-cssclass="gv_pager" emptydatatext="no info found"> <alternatingrowstyle cssclass="gv_altrow"></alternatingrowstyle> <columns> <asp:boundfield datafield="billing date" headertext="billing date" /> <asp:boundfield datafield="start balance" headertext="start balance" /> <asp:boundfield datafield="payment or receipt" headertext="payment or receipt" /> <asp:boundfield datafield="adjustment" headertext="adjustment" /> <asp:boundfield datafield="no of call" headertext="no of call" /> <asp:boundfield datafield="chargeable duration" headertext="chargeable duration" /> <asp:boundfield datafield="chargeable amount" headertext="chargeable amount" /> <asp:boundfield datafield="end balance" headertext="end balance" /> <asp:boundfield datafield="% of utilization" headertext="% of utilization" /> <asp:boundfield datafield="status" headertext="status" /> </columns> </asp:gridview> </div> </div> </div> </div> </asp:content> i added in aspx.vb page:
protected sub gvinvoiceddailybalance_prerender(byval sender object, byval e system.eventargs) handles gvinvoiceddailybalance.prerender if gvinvoiceddailybalance.rows.count > 0 gvinvoiceddailybalance.databind() gvinvoiceddailybalance.headerrow.tablesection = tablerowsection.tableheader end if end sub
please add together content place holder in master page.
<asp:contentplaceholder id="head" runat="server"></asp:contentplaceholder> and place jquery files under <head> tag. might work
jquery asp.net gridview
No comments:
Post a Comment