Solved

jquery and asp.net master page - broken reference

Posted on 2011-03-11
6
742 Views
Last Modified: 2012-05-11
This may be more of an ASP.NET masterpage problem, but it involves jquery and a jquery plugin, so I'm posted it in both places.

In my ASP.NET webapp (v3.5), when I started using masterpages I got strange javascripting behaviors and had to start using RegisterStartupScript and RegisterClientScriptBlock in the codebehind of master to solve the problems.

But I have 1 more js problem, possibly related. In one of my aspx pages (not master) I have these 2 js references:
<script type="text/javascript" src="Scripts/jquery-1.4.4.js" />
<script type="text/javascript" src="Scripts/putCursorAtEnd.js" />

Open in new window


Then in the aspx page it references a usercontrol that contains some jquery script that references the putCursorAtEnd.js. Again, before I started using masterpages everything worked perfectly. Afterward, the jquery executes fine but it can't find the putCursorAtEnd function. Behaves exactly as if that reference to the .js file were not there. Yet obviously the jquery js file is being seen because all the jquery stuff works fine.

When I tried, just for a test, to paste the entire contents of putCursorAtEnd.js at the end of jquery-1.4.4.js" , it works fine. That's not a good long-term solution, but it's worth noting.

Any ideas why the referenced putCursorAtEnd.js does not seem to be found?
0
Comment
Question by:SweatCoder
  • 3
  • 2
6 Comments
 
LVL 22

Expert Comment

by:Mrunal
ID: 35114605
hi

you have to include these files in master page in head tag. this is preferable way to include js files.

Hope this solves your problem.
0
 
LVL 11

Author Comment

by:SweatCoder
ID: 35116724
mroonal: Same exact problem when I moved the js file references to Master. jquery works, putCursorAtEnd.js isn't recognized.

Other ideas?
0
 
LVL 19

Accepted Solution

by:
Albert Van Halen earned 500 total points
ID: 35131941
Use <script></script> instead of <script />
0
How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

 
LVL 11

Author Closing Comment

by:SweatCoder
ID: 35132660
Albert,

That fixed it! But I can't understand why closing off the js script reference one way rather than another makes any difference. I thought they were identical for purposes of referencing a js file.
0
 
LVL 19

Expert Comment

by:Albert Van Halen
ID: 35133166
There are plenty of discussions going on, and there are explanations.
See http://stackoverflow.com/questions/69913/why-dont-self-closing-script-tags-work for example.

I just do it always with a closing tag. (learned the hard way...)
0
 
LVL 11

Author Comment

by:SweatCoder
ID: 35134815
Lots of grief over a little thing. :-)  Thanks again.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Firing an ASP.NET event on selection of a JQuery datepicker 4 30
Alert after MVC form submitted 1 22
Add a Condition in ASP Repeater 6 34
asp.net mvc 2 23
PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question