Javascript navigating through the User control

Our current folder arrangement looks like this:

ParentFolder
   HostPage1.aspx
   UserControlsFolder
      UserControl.ascx
   AnotherFolder
      HostPage2.aspx

The UserControl.ascx file is utilized in both HostPage1.aspx AND HostPage2.aspx

I have an external JS file included in the ASCX, and the path needs to be relative to the Page. Because I have pages at different hierarchical levels, how can I dynamically adjust the path based on whether it's being used in HostPage1 or HostPage2?

If possible, I would prefer not to insert the JS include directive in the hostpages.

EDIT: Can web resources be used in a user control?

asp.netjavascript

Answer №1

If you're looking for a way to include JavaScript files in your user control, I highly recommend utilizing the RegisterClientScriptResource utility. It's a convenient method that can be easily implemented.

  1. Start by right-clicking on the JavaScript file and selecting properties.
  2. Ensure Build Action is set to Embedded Resource
  3. Make adjustments to the code snippet below and integrate it into your user control. 
Page.ClientScript.RegisterClientScriptResource(typeof(CurrentTypeHere), "Your.Namespace.Class.Folder.File.js");

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

Is there a way to prevent webpack from replacing process.env variables with their values during the build process?

Within one of my project files, I have the following snippet: const identifier = process.env.DBID; console.log('identifier', identifier); When I execute the command: cross-env PORT=4000 NODE_ENV=production WEBPACK_CONFIG=browser_prod,server_p ...

javascriptnode.jsreactjsnpmwebpack

Discovering if a value has been entered into an input field in AngularJS can be achieved by verifying its availability

Is there a way to check if the value entered in an input field is already in a specified array? I would like to validate the input field value on key press against an array of names and display an error message if the value is already present in the array. ...

javascripthtmlcssangularjs

Leveraging Polymer web components without the need for a package manager

I am looking to incorporate web components into a static web page without the need for any package manager or JavaScript build process. After referencing , I attempted to import them using unpkg by changing <script type="module" src="node_modules/@pol ...

javascripthtmlpolymerweb-component

What is the best way to extract specific values from one JSON object and transfer them to another using lodash?

//I have a pair of objects var obj1={ "name":"mayur", "age":23 } var obj2={ "name":"keyur", "age":29, "limit":54, "surname":"godhani" } //I am familiar with one approach var j1 = {name: 'Varun', age: 24}; var j2 = {code: &ap ...

javascript

Configuring route for serving static files in an Express server

I'm completely new to working with express, but I am eager to learn and follow the best practices. My goal is to serve files like CSS or index.html from a folder called 'public'. I have seen examples using .use and .get methods as shown belo ...

javascriptnode.jsexpress

The Express application seems to load forever after a certain period of time

I encountered a peculiar problem with my express application. It was deployed on the server and functioning properly, but after a few hours, when I tried to access the website again, it kept loading indefinitely. Below is my app.js code: const express = r ...

javascriptnode.jsexpressdeployment

the ReactJS data length is accessible when saving changes, but not when refreshing the browser

I am facing a puzzling issue with my API data in this React component. When I console.log the array of 10 objects from the API, everything seems fine. However, when I try to access "data.data.length" and save the file, it works without any errors displayin ...

javascriptreactjsreact-hooks

Retrieving a JavaScript variable from a different script file

I have a JavaScript script (a) with a function as follows: function csf_viewport_bounds() { var bounds = map.getBounds(); var ne = bounds.getNorthEast(); var sw = bounds.getSouthWest(); var maxLat = ne.lat(); var maxLong = ne.lng(); ...

javascriptjquerygoogle-mapsscope

Select three unique numbers at random from the total number of elements in the array

I currently possess an array containing a variety of objects. At present, there are 21 objects in this array, although this number is subject to change. To iterate through the array and generate the necessary content, I am implementing the following code ...

javascriptarraysloopsrandom

Best practice in AngularJS: Conceal/unveil fresh DOM elements or compile

Just starting out with AngularJS and looking to adjust button behavior on the fly. Coming from a JQuery background, I'm used to using element.attr('ng-click', 'controller.function()'). However, it seems that AngularJS requires co ...

javascriptjqueryangularjsdom

How to use jQuery to remove the last element from an array when the back button

Currently encountering an issue with removing the last element from an array when a back button is clicked. The console is displaying the correct elements in the array, but it seems that the array.slice function is not working as expected, and I'm str ...

javascriptjqueryarrays

What could be the reason for req.route displaying the previous route instead of

Question: const router = express.Router(); router .route('/:id') .delete( validate(messageValidator.deleteById), MessageController.deleteById, ) .get( validate(messageValidator.getById), MessageController.getById, ); ...

javascriptnode.jsexpressexpress-router

Handling error messages with Django and Ajax

Is there a way to display error messages with Django? Here is how I am currently thinking of handling it (using jsonresponse as an example): def test(request): if request.method == "POST": if form.is_valid(): form.save return JsonResponse( ...

javascriptjquerypythonajaxdjango

Sending an array of objects as a parameter to a stored procedure in SQL

I am working with 2 tables: payment (payment_id, otherCosts, GarageCosts) spareparts (payment_id, sparepartId, sparePartQty) In the payment table, the payment_id is autogenerated. In my C# asp.net application, I have an array of objects like this: { sp ...

c#sqlasp.netarrayssql-server

Tips for creating a scale animation using HTML5 Canvas

I am currently developing a canvas whiteboard tool and I have reached the stage where I am focusing on implementing the Zoom In and Zoom Out feature. While the functionality is working fine, I would like to enhance it with smooth animations for scaling. H ...

javascriptanimationcanvashtml5-canvasscale

Step-by-step guide to aligning layout using material design in generator-gulp-angular

I am currently using generator-gulp-angular with angular-material-design and ui-router All views are loaded into index.html in the <div ui-view></div> element However, when I attempt to center the element with material design directives insid ...

javascriptangularjsangular-material

Having difficulty importing a .glb file in Three.js with the import.meta.url method when using the parcel bundler

Greetings! I recently embarked on creating a fun little game using Three.js for me and my friends. After watching numerous tutorials on how to import .gltf and .glb files, I decided to use the parcel bundler with the command: npx parcel ./src/index.html to ...

javascriptnode.jsnpmthree.js3d-model

What might be the reason for npm live-server to cease detecting file updates?

Everything was working perfectly on my system, but now I'm facing an issue. I have the live-server version 0.8.1 installed globally. npm install live-server -g However, when I start it, I no longer see the "Live reload enabled." message in the brow ...

javascriptservernpm-live-server

VueJS: What is the easiest way to create a new instance of a div with just a click of a button?

Is there a way to create a function that will generate a new instance of a specific div (.container in the template) when a button (#addDiv) is clicked, with the button being the only visible element on the webpage initially? I have heard about using docum ...

javascriptvue.js

A guide on incorporating oAuth 2.0 into Tizen

Currently, I am in the process of incorporating Google authentication using oAuth 2.0 in Tizen. I am following the guidelines provided here. Despite successfully obtaining the user code as instructed in the link, I keep receiving an invalid request error w ...

javascriptjqueryoauth-2.0tizentizen-web-app