MVC, nested masterpage and Javascript

Tommy Jakobsen · Sep 13, 2008

Hi.

Is there a problem when trying to use Javascript on a nested masterpage?

On my masterpage, i've got this in the <head>:
<asp:ContentPlaceHolder ID="HeadContent" runat="server" />

And on the nested masterpage:
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<asp:ContentPlaceHolder ID="NestedHeadContent" runat="server" />
</asp:Content>

And on my content page page:
<asp:Content ID="Content1" ContentPlaceHolderID="NestedHeadContent"
runat="server">
... .js includes goes here ...
<script type="text/javascript">
$(function()
{
$('.startDate-pick').datePicker({startDate:'01/01/1996'});
});
</script">
</asp:Content>

And in the body of the nested page, i've got this input field with the class
used above:
<input id="startDate" name="startDate" type="text" size="7"
class="startDate-pick" />

This works on content pages within the masterpage, but not on content pages
within the nested masterpage. Why is that, and what can I do about it?

Thanks in advance.

Tommy

Mark Banfill · Oct 13, 2009

Hi,

I've also got this problem. Has anybody successfully used jQuery on a nested masterpage?

Thanks,

Mark

Tommy Jakobsen wrote:

MVC, nested masterpage and Javascript
13-Sep-08

Hi

Is there a problem when trying to use Javascript on a nested masterpage

On my masterpage, i've got this in the <head>
<asp:ContentPlaceHolder ID="HeadContent" runat="server" /

And on the nested masterpage
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"
<asp:ContentPlaceHolder ID="NestedHeadContent" runat="server" /
</asp:Content

And on my content page page
<asp:Content ID="Content1" ContentPlaceHolderID="NestedHeadContent
runat="server"
... .js includes goes here ..
<script type="text/javascript"
$(function(

$('.startDate-pick').datePicker({startDate:'01/01/1996'})
})
</script"
</asp:Content

And in the body of the nested page, i've got this input field with the clas
used above
<input id="startDate" name="startDate" type="text" size="7
class="startDate-pick" /

This works on content pages within the masterpage, but not on content page
within the nested masterpage. Why is that, and what can I do about it

Thanks in advance

Tommy

EggHeadCafe - Software Developer Portal of Choice
SEO With Google, MSN, and Yahoo Site: and Link: counts
http://www.eggheadcafe.com/tutorial...e2f-d7d870642c44/seo-with-google-msn-and.aspx

bruce barker · Oct 14, 2009

you are trying to attach the picker before the input control is
rendered, so the $('.startDate-pick') returns an empty query. attach at
dom ready (jquery start):

$(function() {
$('.startDate-pick')
.datePicker({startDate:'01/01/1996'});
});

-- bruce (sqlwork.com)

Mark Banfill · Oct 31, 2009

I solved my problem. Javascript links need to be adjusted and added again to
the head section of the nested masterpage.

I need help fixing my website	2	Oct 15, 2023
Nested Master pages don't work	2	Apr 6, 2009
Attach Style Sheet to nested pages	2	Jun 18, 2009
Ajax and masterpage issues	0	Oct 18, 2008
ASP.NET 2.0 MasterPage renders blank?	2	May 10, 2006
Accessing Properties in masterpage from content file	8	Aug 8, 2007
random content pages shown, but never both	1	Apr 1, 2008
Using update panel with master & nested master pages	0	Dec 26, 2008

MVC, nested masterpage and Javascript

Tommy Jakobsen

Mark Banfill

bruce barker

Mark Banfill

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads