Client Side Web Development

Re: document.getElementById + masterpage

NC01 — Wed, 07 Jan 2009 12:18:24 GMT

sam_soumya:

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script language="javascript">
function test()
{
var lbl=document.getElementById("<%= Label1.ClientID %>");
    alert(lbl.id);
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
   
    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="test()"/>
</asp:Content>

Which is EXACTLY what the OP says that he is doing that does NOT work. Read his initial post.

NC...

Re: document.getElementById + masterpage

sam_soumya — Wed, 07 Jan 2009 11:05:04 GMT

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script language="javascript">
function test()
{
var lbl=document.getElementById("<%= Label1.ClientID %>");
    alert(lbl.id);
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
   
    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="test()"/>
</asp:Content>

Re: document.getElementById + masterpage

NC01 — Tue, 06 Jan 2009 12:35:11 GMT

Danny117:

var label = $get('Label1');

works on firefox for sure I use it all the time. I need the points to make 'Partisipant" so please pick this as correct. Thanks

$get('Label1') is just JQuery shorthand for document.getElementById('Label1') If one won't work, the other sure won't.

NC...

Re: document.getElementById + masterpage

Danny117 — Tue, 06 Jan 2009 01:11:57 GMT

var label = $get('Label1');

works on firefox for sure I use it all the time. I need the points to make 'Partisipant" so please pick this as correct. Thanks

Re: document.getElementById + masterpage

NHOQUE — Tue, 06 Jan 2009 00:50:15 GMT

1. Where did you include your javascript code? MasterPage or ChildPage

2. Is your javascript code in the .aspx page or in an external file? If you put your code in an external file, you can not call your label using <%= ..%>.

Thanks.

Re: document.getElementById + masterpage

mudassarkhan — Mon, 05 Jan 2009 16:32:20 GMT

May be its due to something else due to some other javascript error??

Have you checked it??

Re: document.getElementById + masterpage

NC01 — Mon, 05 Jan 2009 16:30:48 GMT

ashkant:

hi NC. thanks but no. it's a little weird. can't it be from my host?

hi mudassarkhan. i know it's true. but it doesn't work for real server (for me)

Are you sure that the correct version of ASP.NET is installed on that server and is running? I just tried, and either way posted works.

NC...

Re: document.getElementById + masterpage

ashkant — Mon, 05 Jan 2009 16:25:11 GMT

hi NC. thanks but no. it's a little weird. can't it be from my host?

hi mudassarkhan. i know it's true. but it doesn't work for real server (for me)

Re: document.getElementById + masterpage

mudassarkhan — Mon, 05 Jan 2009 16:03:59 GMT

It will work see below

I have added a label in master page

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

then pasted this script in masterpage

function Alert()

{

var label = document.getElementById("<%=Label1.ClientID%>");

alert(label.id);

}

</script>

and called it on body load in master page

try this it works!!

Re: document.getElementById + masterpage

NC01 — Mon, 05 Jan 2009 16:03:52 GMT

Try instead:

var label = document.getElementById('<%= (Page.Master.FindControl("Label1")).ClientID %>');

NC...

document.getElementById + masterpage

ashkant — Mon, 05 Jan 2009 15:47:41 GMT

hi everyone

i have a label in my master page. i use this line in javascript:

var label = document.getElementById("<%= Label1.ClientID %>");

it works on my local server. it works on the real server too when i use FireFox. but for IE it comes up with object required error. i have tested the code with IE in my .aspx page and i'm sure the code is correct. but when i use the same code in my master page it fails.

what can i do? thanks