Solved

jquery and asp.net master page - broken reference

Posted on 2011-03-11
6
746 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

 
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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

Introduction HyperText Transfer Protocol (http://www.ietf.org/rfc/rfc2616.txt) or "HTTP" is the underpinning of internet communication.  As a teacher of web development I have heard many questions, mostly from my younger students who have come to t…
This article discusses how to create an extensible mechanism for linked drop downs.
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)
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

688 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