What is the process for obtaining JavaScript file references from .NET themes?

Within my C# project in the .NET 3.5 framework (VS2008), I have a theme folder named Theme1 located in the App_Themes directory. Inside this directory, there are several other subdirectories, some containing .css files and others containing .js files. When rendering my web pages that utilize this theme, link tags for the .css files appear in the HTML output, but not for the .js files. Is there something incorrect in my setup, or should I store all my .js files in a single centralized directory accessible to all themes?

javascriptasp.netthemes

Answer №1

To access JS files within your theme directory, you can utilize the Page.Theme name to retrieve the correct path for the current theme.

<script type="text/javascript" src="<%=ResolveUrl("~/App_Themes/" + Page.Theme + "/js/script.js") %>"></script>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Utilizing jQuery to Maintain State Across Page Refreshes with Cookies

Currently, I am attempting to create a script that can retain its state even after the page is refreshed. Here is my progress so far: Utilizing jQuery: $(window).ready(function() { var voteId = $('.gallery-item a'); $(voteId).click(function() ...

javascriptjqueryhtmlperformancecookies

Location of Custom HTML Widget in Django-Dashing

I've encountered a dilemma while using the Django-Dashing framework, specifically regarding the placement of my HTML file for a custom widget. I have meticulously configured the code in my dashboard.html file to ensure proper loading. {% extends &apo ...

javascripthtmldjangodashingrivets.js

How can I gather information from members who have already signed up?

I have a form that submits data to the Angular Firebase database. Once the form is submitted, I want to display the previously submitted data in the form if the user signs in again. Below is my .ts file: import { Component, OnInit } from '@angular/c ...

javascriptangularfirebase

What could be the reason for my ajax request coming back with no data?

When I make this ajax request: $.ajax({ type: "POST", url: "/admin/RoutingIndicators/Add", data: { newSecondaryRI: newRi }, success: function () { alert('hit'); document.location.reload(true); }, error: fu ...

javascriptjqueryasp.netajaxasp.net-mvc

What is the best way to trigger the selection options in a dropdown menu with several buttons?

Is it possible to display the options from a select-option tag using a different button? I have either a div or another button. I want to be able to show the list of options from my select tag by clicking this button. Here is my select tag: <select&g ...

javascripthtml

Master your code with Rxjs optimization

Looking at a block of code: if (this.organization) { this.orgService.updateOrganization(this.createOrganizationForm.value).subscribe(() => { this.alertify.success(`Organization ${this.organization.name} was updated`); this.dialogRef.close(true ...

javascriptangulartypescriptrxjs

ReactJS encounters errors even when the backend is returning a 200 OK status code

My ReactJS frontend receives an error when sending a GET request, even though the django backend terminal shows [10/Mar/2018 23:31:08] "GET /post/ HTTP/1.1" 200 930. I am using redux sagas in my project. In src/index.js: (index.js code snippet here) In ...

javascriptreactjsreduxredux-saga

The RestClient request has encountered a 500 internal server error, returning HTML content with no specific error message provided

I'm encountering a problem with a PUT request using REST Client. When I tested the same request in Postman, I received an ErrorResponse with a clear error message. However, when making the request in C# using RestSharp, I receive a 500 Internal Server ...

c#asp.netjsonresponserestsharp

Using TypeScript, implement a function that is called when a React checkbox's state changes to true

Currently, I am experimenting with the react feature called onChange. My goal is to update local data by adding a value when a checkbox is selected. Conversely, when the checkbox is unselected, I just want to display the original data. However, I find that ...

javascriptreactjstypescriptreact-native

A guide on using Material UI - InputLabel in JavaScript

I'm currently integrating a form from this Codepen link into my project built with Codeigniter. However, I am encountering issues after incorporating material-ui into the CodeIgniter framework. The problems I am facing include an invalid token and an ...

javascriptphpreactjscodeignitermaterial-ui

Struggling with the navbar-toggler in Bootstrap 4 Beta 2?

As part of my Bootstrap practice, I have implemented a navbar on my webpage. However, I am facing issues with the nav-bar toggler not working for small screens and the icon navbar-toggler-icon not appearing. Below is my current navbar code: <nav class ...

javascriptjqueryhtmlbootstrap-4

Animation of two divs stacked on top of each other

I am trying to replicate the animation seen on this website . I have two divs stacked on top of each other and I've written the following jQuery code: $('div.unternehmen-ahover').hover( function () { $('div.unternehmen-ahover' ...

javascriptjquerycsshtmlslider

Preventing the occurrence of numerous ajax requests or halting ongoing requests

Currently, I am utilizing the flotchart plugin to track user interactions on a chart and retrieve additional information from a database based on the chart value. For instance, if a user hovers over a specific date like "24 May," an AJAX call is triggered ...

javascriptjqueryajax

What is the best way to execute tests in different environments with Protractor?

Is it possible to execute specifications in various environments? Maybe by adjusting the protractor-config file? Could we do something along the lines of specs: ['../tests/*.js', server1], ['../more_tests/*.js', server2] within the ...

javascriptnode.jsangularjsmocha.jsprotractor

Issue with AnimeJS Motion Path causing element to deviate from desired SVG path

I'm attempting to use an SVG element and the AnimeJS library to make the orange marker follow the course of this RC car race track. https://i.stack.imgur.com/8FKHC.png Despite my efforts, I am encountering strange and undesirable outcomes. At times ...

javascripthtmlcsssvganime.js

Group-selection

Is there a way to insert a checkbox in front of the parent1 (optgroup) and have all child options automatically selected when I check the parent optgroup? Here is my code: <select id="offc" name="offc[]" multiple> <option value="">Sele ...

javascriptphpjquery

Is it possible to retrieve the pixel color of a mesh by clicking on it in JavaScript?

On the current page, we have a mesh loaded with TreeJS and displayed in a canvas: https://i.sstatic.net/j8Ztj.png Is there a way to retrieve the color of the point where a click occurs? I attempted a method suggested in this thread: Getting the color val ...

javascripthtmlcanvasthree.js

Why is the refresh endpoint generating new tokens when an outdated refresh token is used?

Greetings! I am currently utilizing two npm libraries, namely bcrypt and jsonwebtoken. I have implemented an endpoint called /refresh-token wherein I aim to generate a new set of access and refresh tokens. The process involves sending the refresh token to ...

javascriptnode.jsexpressjwtbcrypt

Enhance your VueJs application with Chart.js without having to rely on refs for seamless reactive

Currently, I am delving into the world of VueJs and experimenting with Chart.js (https://github.com/apertureless/vue-chartjs). I attempted to make a doughnut chart reactive, but I achieved this using the ref property which I suspect may not be the best pr ...

javascriptvue.jschart.jsreactive

Maximizing Redux DevTools integration with Redux Toolkit and Next.js for TypeScript projects

The initial state is visible in the DevTools, but any actions taken after the code has rendered do not show up. In pages/_app.tsx, I have implemented the following: import getStore from '../store/store' export default function MyApp({ Component ...

javascriptreact-reduxnext.jsredux-toolkit