Tips on coding javascript within an MVC4 C# environment

I am currently working with MVC 4 and facing an issue where I have the same action name for multiple views. This makes it difficult to write JavaScript code in all pages individually. Can I simply write the JavaScript in the C# action result instead?

I attempted the following approach, but encountered an error:

     ScriptManager.RegisterStartupScript(this, this.GetType(), "script", "swal({ title: 'Dear User', text: " + TempData["MACNotice"] + ", type: 'warning',}, function () { var zip_file_path = window.location.href + '/MACSetting.zip'; var zip_file_name = 'MAC Setting'; var a = document.createElement('a'); document.body.appendChild(a); a.style = 'display: none'; a.href = zip_file_path; a.download = zip_file_name; a.click(); document.body.removeChild(a);}););", true);

The error message states:

Argument 1: cannot convert from 'ParentLogins.Controllers.SigninController' to 'System.Web.UI.Control'

Argument 1: cannot convert from 'ParentLogins.Controllers.SigninController' to 'System.Web.UI.Page'

I would appreciate any assistance with this problem, as there are many views to handle. If writing JavaScript directly in C# is possible, please let me know. Otherwise, I am open to exploring other options for implementing JavaScript without having to include it in every view.

javascriptc#asp.net-mvc

Answer №1

It appears that adding a script in the .cs file of an Mvc project is not feasible.

It is true that ScriptManager and most script-related APIs on the Page class are not compatible with MVC View Pages.

If you require script in a View Page, simply insert the script code directly - no need for any helper methods.

Source

You can execute your javascript function in the .cshtml file.

For example:

<script type="text/javascript">
  $(document).ready(function (){ 
    alert("WORK");
  });
</script>

Answer №2

HttpContext.Response.Write("<script type='text/javascript'> console.log('message');</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

Tips for keeping a floating action button visible at the bottom of the screen at all times

I am currently utilizing the Material UI framework. I have a floating action button that I would like to display in a specific position on the page without it moving when scrolling, and I am also wondering if this is a common issue. Below is the code sn ...

javascriptreactjsmaterial-ui

Adjusting the height of a flexbox column to fit three rows within the space of two

Exploring the wonders of Flexbox and delving into its functionality. I have shared a Code Sandbox link showcasing my React /bootstrap code in progress... Currently, I am developing a clock component with two buttons for adjusting time (increase/decrease). ...

javascriptcssreactjstwitter-bootstrapflexbox

Schema-specific conditions for JSON data

I have been experimenting with the if-then-else statement in JSON, but I am encountering some issues with it. { "type": "object", "minProperties": 2, "maxProperties": 2, "properties": { "human": { "enum": [ "Kids", "Ad ...

javascriptarraysjsonif-statement

Can Vuex mapActions be utilized within a module that is exported?

Is it possible to utilize Vuex mapActions from an external module imported into a component? I am working on standardizing a set of functions in a vue.js web application. My goal is to import these functions into each component and pass necessary values f ...

javascriptvue.jsvuex

Converting speech from captured audio files rather than live microphone input

Is there a way to implement speech recognition on audio files (.mp3, wav) instead of using a microphone? I am looking for solutions in C#.NET and Delphi. ...

c#.netdelphispeech-recognition

Obtaining the 3D point coordinates from UV coordinates on a 3D plane object using Three.js

I am in the process of creating basic data visualizations using Three.js as my tool of choice. I have a series of PlaneGeometry meshes to which I am applying a transparent texture dynamically generated with red squares drawn at varying opacity levels. My g ...

javascript3dthree.js

submitting URL from dropdown menu without using the 'submit' button

My situation involves a dropdown list: @Html.DropDownList("InnerId", Model.GroupDropDownList, new { @class = "select_change" }) I am looking to achieve submitting the value when a user clicks on the selection without needing to select and then use a subm ...

javascriptjqueryasp.net-mvc

The functionality for inserting data via Ajax in WordPress is failing

Greetings, I am currently in the process of developing a popup plugin for WordPress that involves inserting data into a database using AJAX. Everything in my code is functioning correctly up until the jQuery section, where the data fails to insert into the ...

javascriptphpjqueryajaxwordpress

Passing data from the controller to the $resource object in Angular with the MEAN stack

After several attempts to troubleshoot my issue with passing parameters to the Express server, it turns out the problem lies on the Angular side. When I manually inserted the id in the flConstruct.js function, the query worked correctly. It appears that ...

javascriptangularjsgetmean-stackangular-resource

Guide on how to verify if a component with a specific name is registered within the Composition API of Vue 3

My current situation involves a template that loads dynamic components based on their names: <template> <div> <div> <div> <component :is="getFormRenderer" &g ...

javascriptvue.jsvue-componentvuejs3

Is using .htaccess a reliable method for securing a specific file on the server?

Running a classifieds website comes with its own set of challenges, one being the need for an administrator to have the ability to remove classifieds at their discretion. To address this issue, I have developed a simple function that allows me to specify t ...

phpjavascripthtmlsecurity.htaccess

Having trouble accessing the name property of a select dropdown in Material UI React

Currently, I am facing an issue with implementing a select dropdown. When handling the onChange method, I am encountering a situation where event.target.name is undefined. Specifically, when I choose the 1st option, I want to be able to access 'Englis ...

javascriptreactjsdrop-down-menuinternationalizationmaterial-ui

What is the best way to invoke a function within a controller from a .factory service?

I have been working on a code snippet where I am trying to create a generic function. This function, when given the name of a function in my controller, should be run from a factory. app.factory('myfactory', function () { return { cre ...

javascriptangularjs

1. Catalog of dual JSON inquiries2. Compilation of

I am struggling to understand the right way to proceed. When I run this query, I receive a JSON response containing file names: $.getJSON("http://api.server.com/my/?callback=?", function(data){ var results = []; $.each(data['resul ...

javascriptjsonparsing

What methods can I employ JSON to create a dynamic Sidebar within Nextjs?

[ { "type": "root", "children": [ { "type": "file", "route": "Open-EdTech/AWS-Associate-Notes/EC2.md", "title": "EC2", ...

javascriptjsonreactjsnext.js

Retrieve data in JSON format from an external source file

I've been attempting to retrieve JSON content from an external file named list.json, but unfortunately all of my efforts have been unsuccessful. I've created a prototype of my code on Jsfiddle (http://jsfiddle.net/ctmvcyy1/). I believe that the ...

javascriptphpjqueryhtmljson

The NativeAppEventEmitter does not return any value

I've been grappling with obtaining a logged in user access token for quite some time. I initially faced challenges with it in JavaScript, so I switched to Objective-C and managed to succeed. Following that, I referred to this RN guide: https://facebo ...

javascriptiosobjective-creact-native

Remove a div element with Javascript when a button is clicked

I am working on a project where I need to dynamically add and remove divs from a webpage. These divs contain inner divs, and while the functionality to add new divs is working fine for me, I'm facing some issues with removing them. The code snippet b ...

javascriptjqueryhtmlcssdynamic

Trouble with minification in Sencha cmd 5

I've been attempting to compress a Sencha 5 project using Sencha CMD, but I keep experiencing failures. sencha generate app -ext demoApp ./demoApp Then, in an effort to compress the application, I entered the following command: sencha app build ...

javascriptextjssencha-cmd

What are the best circumstances for applying JavaScript in ASP.NET?

As someone who is just starting out in ASP.Net, I have been exploring Validation Controls. However, I am curious about the specific scenarios in which JavaScript would be more appropriate to use. Can anyone provide insight on this? ...

javascriptasp.net