external javascript file - .style .innerhtml etc

Steve Bradwell

Hi All, I'm new to asp.net development. I'm using vs 2008 with c#. I'm running the code below in an aspx page, and it works fine, I tried moving it to an external javascript file, but when i do I don't get the full set of methods for getelementById() like .style, .innerhtml etc where I do when I put the javascript directly in the aspx page. The external js file is included correctly from the aspx page, and some javascript is working, it just seems to be a limited set of available functions.

var contentDom = document.getElementById("main-content");
var sidebarDom = document.getElementById("sidenav-content");
var temp = contentDom.offsetHeight;
sidebarDom.style.height = temp + "px";

Any help here is greatly appreciated?

Many thanks, Steve.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Roei Bar17y ago
this is a bug in VS 2008 intellisense, i think it was fixed in SP 1.

and its fixed completly in VS 2010 which has full support for JQUery and JS :-)
0
Steve Bradwell17y ago
Thanks very much for your response, this has been my experience to date, however developing with VS 2008 is different. Do you know why when I create a new javascript file in visual studio and enter document.getElementbyId("main"). intellisense doesn't show a complete list of available methods such as .style, .innerhtml etc, but when I'm in the aspx page itself entering the same provides the complete list of methods. Steve.
0
Roei Bar17y ago
hello my friend,

javascript doesnt care where it is written in, wether its on page or in external js.

iyou f you have a style issue that you need to accomplish and you think the js is the problem you can try to investigate the js by adding a debugger line in it.

you can also use firefox FireBug in order to review the code and debug it online
you can also just override the css and dom elements style in online.

in IE you can use IE developer toolbar to override Element style.
0