ansaurus

Question

Element-Enhancing Javascript in ASP.NET Master Pages

Answer 1

+2 A:

Isn't it possible to do with clean javascript ?-)

-- just add something similar to this inside the body-tag:

<script type="text/javascript">
  window.onload = function(){
    MakePretty("elementID");
  }
</script>

By the way the script-tag has to have an end-tag:

<script type="text/javascript" src="myScript.js"></script>

roenving 2008-10-06 21:09:55

Answer 2

+4 A:

Put a ContentPlaceHolder in the head section of the master page, then add a asp:Content control on the content page referring to the placeholder and put your script in that control. You can customize it for each page this way.

Also, the reference by ID may not be working because when you use Master Pages, the control IDs on the page are automatically created based on the container structure. So instead of "elementID" as expected, it may be outputting "ctl00_MainContentPlaceHolder_elementID" View your source or use firebug to inspect your form elements to see what the IDs outputted are.

John Sheehan 2008-10-06 21:10:34

This tip really helped lead me down a nice path towards getting this done, as well as making the code much more elegant in re-use (i.e. the ref in the master page and being able to make customised calls based on content. Thanks, I appreciate it!

Rob Cooper 2008-10-07 17:53:29

Answer 3

A:

Once you use Master Pages, the ids of controls on the client side aren't what you think they are. You should use Control.ClientID when you generate the script.

Lou Franco 2008-10-06 21:12:26

Question updated to include point on ID's, these are being set fine.

Rob Cooper 2008-10-06 21:15:00

Answer 4

+1 A:

Why not use jQuery to find all the controls? Something like this:

$(document).ready(function(){
  $("input[type='text'], input[type='radio'], input[type='checkbox'], select, textarea").each(function(){
    MakePretty(this);
  });
});

This way you'll get all elements on the page, you can wait until the page is ready (so you don't modify the DOM illigally). The jQuery selector can get the elements in a bit more of a specific format if you need (ie, add a root element, like the ID of the body div).

It'd also be best to modify the MakePretty method so it takes the element not the ID as the parameter to reduce processing overhead.

Slace 2008-10-06 22:02:28

Answer 5

A:

When using master pages, you need to be careful with the html attribute ID, since .NET will modify this value as it needs to keep ids unique.

I would assume your javascript is applying css styles via ID, and when you are using master pages the ID is different than what is in your aspx. If you verify your javascript is always being added, your answer needs to take into account the following:

ALWAYS set your master page id in page load (this.ID = "myPrefix";)
Any HTML element in your master page will be prefixed by the master page id (i.e.: on the rendered page will be "myPrefix_myDiv")
Any HTML element in your content place holder id will be prefixed with an additional prefix (i.e. myPrefix_ContentPlaceHolderId1_myDiv)

Please let me know if I can clarify anything. Hope this helps!

Mario 2008-10-06 22:26:40

ansaurus

tags:

views:

answers:

Element-Enhancing Javascript in ASP.NET Master Pages

NOTES:

related questions