2

Possible Duplicate:
Any way to prevent master pages from changing element IDs?

Hi

I have a .net 2.0 web page that is using a master page. On the page in question is a form and I am trying to call one of the sub element. The form element name is:

"contact_label" - its an asp:Label

But when I look at the source I am getting that the name is:

"ctl00_ContentPlaceHolder1_contact_label"

Is there a way to get around this 'name garbling?'

I have read that I should be able to reference it something like this:

document.getElementById("<%= contact_label.ClientID %>")

but that didn't work for me either...

This is all .net 2.0 with javascript.

Thanks, R.

Community
  • 1
  • 1
flavour404
  • 6,184
  • 30
  • 105
  • 136
  • Dupe: http://stackoverflow.com/questions/844567/any-way-to-prevent-master-pages-from-changing-element-ids – Michael Haren Nov 18 '09 at 02:03
  • On the ASP side you should be able to set the "ClientID" property of the control. Barring that you can give it a class name with the CssClass property as well. They should both be accessible in the xml markup or in the code behind. – Mandrake Oct 18 '12 at 00:13

4 Answers4

1

If you want to use javascript you could make some global variables for your javascript to use that get setup before you execute any of your other javascript calls. I prefer this method as it reduces the amount of inline code you need all over the place to get control IDs and it centralizes it all in one location.

So at the beginning of your script code do:

// In your javascript
var myTextBoxId = "<%= myTextBox.ClientID %>";
var myButtonId = "<%= myButton.ClientID %>";

Then in your javascript code whenever you need to use it you can just do:

var myTextBox = document.getElementById(myTextBoxId);
var myButton = document.getElementById(myButtonId);

Using Jquery will make this even cleaner looking. For example to get a textbox value:

var myTextBoxValue = $("#" + myTextBoxId).val();
// or if you dont want to use the initializers to store the ids
var myTextBoxValue = $("#" + "<%= myTextBox.ClientID %>").val();
Kelsey
  • 47,246
  • 16
  • 124
  • 162
1

You can use jQuery and its "attribute ends with" capabilities on the id, such as:

var item = $("span[id$=contact_label]");
var text = item.text();
NVRAM
  • 6,947
  • 10
  • 41
  • 44
  • Incidentally, this works well in standalone JS code, and you'll get caching benefits. If you use the *<%= ... %>* forms you have to inline the * – NVRAM Nov 18 '09 at 02:54
0

The line of code suggested to you

document.getElementById("<%= contact_label.ClientID %>")

should do what your asking.

When you look at the page source what do you see in place of the "<%= contact_label.ClientID %>"

Is the javascript code in the webform or the MasterPage?

Also try single quotes instead of double quotes in the javascript

 document.getElementById('<%= contact_label.ClientID %>')
Anthony
  • 1,651
  • 1
  • 17
  • 31
0

the id of elements need to be unique if you use runat="server", and document.getElementById("<%= contact_label.ClientID %>"); must get elementbyId.

loviji
  • 12,620
  • 17
  • 63
  • 94