ansaurus

Question

using javascript and css files in ASP.Net MVC View?

Answer 1

A:

Are you using a master page for your site? If so you could put all your include tags in the master page, it would then be available to all views using the master page.

Fermin 2009-09-17 07:31:11

Hi Fermin,Thanks for your reply. I am using a master page, and tried putting all the script and link tags above into it. Intellisense didn't complain, but the page didn't render any stars. In fact, nothing rendered!I'd also like to avoid putting these javascript files into Site.Master since only the one page will be using them.

larryq 2009-09-17 07:36:05

Have you used a tool like <a hef="https://addons.mozilla.org/en-US/firefox/addon/1843">firebug</a> to see how the page is rendered and see if the javascript is loading fine. Do you have your $(function() {} in your js file?

Fermin 2009-09-17 07:47:20

Answer 2

A:

You will need to put the <link /> in the <head>...</head> section the script tags should be fine. You can put it in the head of a master page.

Alex 2009-09-17 07:31:54

Thanks for all the tips, everyone. As it turns out, once I'd gotten the link and <script> tags in the right places in the contentheaders, I also needed to copy the gif files for the stars to my Scripts directory. I should have seen that, though it would be nice to tell this javascript library where those images are, instead of having to put them in the same directory as the scripts...

larryq 2009-09-17 23:46:53

Answer 3

+2 A:

In your master page file, create a content placeholder in the head area. You can use this whenever you need to insert scripts and styles into specific views, meaning you won't deviate from the guidelines stating that this is where such files should go.

In your Site.Master file:

<head>
<!-- head stuff here -->
<asp:ContentPlaceHolder ID="HeadContent" runat="server" />
</head>

In your view aspx file:

<asp:Content ContentPlaceHolderID="HeadContent" runat="server">
    <script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.MetaData.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.rating.js" type="text/javascript"></script>
    <link href="/Scripts/jquery.rating.css" rel="stylesheet" type="text/css" />
</asp:ContentPlaceHolder>

<asp:Content ContentPlaceHolderID="MainContent" runat="server">
    <input name="rating" type="radio" class="star" value="1"/>
    <input name="rating" type="radio" class="star" value="2"/>
    <input name="rating" type="radio" class="star" value="3"/>
    <input name="rating" type="radio" class="star" value="4"/>
    <input name="rating" type="radio" class="star" value="5"/>
</asp:Content>

Nathan Ridley 2009-09-17 07:38:15

Answer 4

+1 A:

It's also a useful excercise to use a Helper method to get the correct location of your Script and css files.

<script src="<%= Html.Content("~/Scripts/jquery-1.3.2.js") %>
        type="text/javascript"></script>

David Liddle 2009-09-17 07:53:15

Answer 5

A:

please check in fiddler and see wat kind of response ur getting when u call the particular file ....if the script is rendered properly and for that particular page ...if no then please post the response and a copy ..

i got a similar problem when i was working with js in mvc i wasn't able to load the j query ...so for that i created a helper class which returns the absolute path for me

    public static string ResolveUrl(this HtmlHelper html, string virtualUrl)
    {
        Control con = new Control();
        var RelativeUrl = con.ResolveUrl(virtualUrl);
        if (!virtualUrl.StartsWith("~/"))
            return RelativeUrl;

        virtualUrl = virtualUrl.Remove(0, 2);

        string applicationPath = html.ViewContext.HttpContext.Request.ApplicationPath;
        if (string.IsNullOrEmpty(applicationPath) || !applicationPath.EndsWith("/"))
        {
            applicationPath = applicationPath + "/";
        }

        return applicationPath + virtualUrl;
      }
  }

and in my view i called the page like this ...

<script src="<%= Html.ResolveUrl("~") %>Scripts/jquery-1.3.2.js" type="text/javascript"></script>

lucky 2009-09-17 09:54:18

ansaurus

tags:

views:

answers:

using javascript and css files in ASP.Net MVC View?

related questions