Transferring a string value from C#.NET to JavaScript

So, imagine having a string variable that is passed to a JavaScript function using the following code.

Chart1.Series["Series1"].Points[counter].MapAreaAttributes = "onmouseover=\"showAlert("+tempString+",event);\"";

The JavaScript function looks like this:

function showAlert(stringVal,ex) {
       //var temp = document.getElementById("HTxtFieldPopIp").value;
      // temp = "testing";
      // alert(temp);
        alert(stringVal);
   }

Surprisingly, this setup does not trigger an alert box. Even running the commented pieces of code sans parameter leads to the same outcome. Any ideas on how to fix this?

c#javascript.net

Answer №1

To transform the code snippet, you must remember to enclose tempString in single quotes:

"onmouseover=\"showAlert('"+tempString+"',event);\""

For example, if tempString is set to 'bar' then the resulting JavaScript would be:

onmouseover="showAlert('bar',event);"

Answer №2

In my opinion, adding quotes around tempString is essential. After making this adjustment to your C# code, the output is as follows:

onmouseover="showAlert(testing,event)"

To correct it, update the code to:

Chart1.Series["Series1"].Points[counter].MapAreaAttributes = "onmouseover=\"showAlert('"+tempString+"',event);\"";

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

What is the best way to show personalized messages to users using modal windows?

Encountering bugs while trying to implement user messages in modals. function displayMessage(title, description) { var myModalErrorMessage; $("#customErrorMessageTitle").text(title) $("#customErrorMessageDescription").html(description) myModalEr ...

javascriptjquerybootstrap-modalbootstrap-5

Adding an id to a ul tag using JavaScript

I am trying to dynamically add an ID called "myMenu" using JavaScript to a ul element for a search filter. Unfortunately, I am unable to directly access the ul tag to change it, so I need to do it via JavaScript. As I am new to JavaScript, I am looking t ...

javascripthtmljquerycss

How many characters are in SCEditor? Let's calculate and display the count

Currently, I am utilizing the real simple WYSIWYG editor SCEditor for my website. I am curious about how I can precisely determine the current number of characters in its textarea and display them below it? Although I posted a question on GitHub, it seem ...

javascriptjqueryjquery-pluginswysiwyg

Is recursion effective in this scenario? (javascript/node.js)

Currently, I am working on creating a TV using a Raspberry Pi and JavaScript to play the same playlist repeatedly. Although playing the files is not an issue, I am facing a challenge with the asynchronous nature of JavaScript. Below is the code that is cau ...

javascriptnode.jsraspberry-piraspbian

Error message: The Next.js GraphQL-Yoga server is returning a 404 error on the

I am brand new to using graphql-yoga 3 in conjunction with next js for creating APIs with GraphQL. Unfortunately, my routes at /api/graphql are returning a 404 error even though I have followed the example provided here. The default page loads fine, but I ...

javascriptnext.jsgraphql

While fetching JSON data from a URL and adding it to a dataset, an error occurred due to encountering an unexpected

I am attempting to parse JSON data from a URL and store it in a dataset. public override void fetchDataFromSource() { string url = @"https://example.com/data/api"; DataTable dt = new DataTable(); DataSet data = JsonConvert.Dese ...

c#json

The React development server is experiencing issues on the Apple MacBook Pro M1

Currently, I am using an Apple MacBook Pro M1. When attempting to start the react development server with react-scripts start, it hangs and fails to start the server altogether. I also experimented with a new sample app created through create-react-app cl ...

javascriptreactjsapple-m1react-devtools

Tips on sorting through an array of subdocuments using two criteria in each subdocument

I am currently working on implementing a help request system that restricts the requester to submitting only one help request per topic to an expert. If the expert has multiple topics they can provide help with, I want to limit each requester to one help r ...

javascriptnode.jsmongodbmongoose

Using JavaScript, extract elements from an HTML string that have the class "X" and then store them in an array

In need of assistance with converting a large amount of text content elements into a JSON format using only pure Javascript (no jquery). These elements must then be placed into a JSON array. For instance, transforming: <li class="asd">1</li> ...

javascripthtmlarraysjsonparsing

Streamline the testing process to ensure compatibility with jQuery version 2.x

I currently have a substantial JavaScript code base that is all built on jQuery 1.8. I am planning to upgrade to jQuery 2.1 in the near future and I am fully aware that many parts of my code will likely break during this process. Is there any efficient me ...

javascriptjqueryrubynode.jsjquery-2.0

Locate every instance of items in an array within a string

My files have a structure similar to this: https://i.stack.imgur.com/KyaVY.png When a user conducts a search, they send an array to the backend. This array always includes at least one element. For example, if they send ['javascript'] to the b ...

javascriptmongodbmongoose

Tips for positioning a delete button at the start of the row I am transferring to a different table

Displayed below are the contents of the initial table. <% for(int i = 0; i < result.length; i++) { %> <tr id='player-listing-<%=i %>'> <td style="vertical-align: top;"><button onclick="myFunction2(<%=i%> ...

javascripthtmljsp

When navigating through a view in backbone.js, ensure to include an argument in the routing process

Looking to include an argument while routing within a Backbone.js application Below is the script: var AppRouter = Backbone.Router.extend({ routes: { 'toolSettings/(:action)' : 'toolSettings' } }); var initialize = function ...

javascriptbackbone.js

The try catch method does not function properly within a gridview in ASP.net using C#

I'm having trouble implementing a try catch block for a gridview in asp.net using C#. I've tried several methods like displaying an alert on the label or using JavaScript, but nothing seems to work. Can anyone help me out? Here is my code: prote ...

c#asp.netgridview

Assign a class to a DIV element depending on the ID of an object using Angular

I'm trying to dynamically add a class to a div based on the id of a field in an object. However, my code doesn't seem to be working as expected. Can someone help me debug this? <ng-container *ngFor="let item of cards"> <d ...

javascriptangular

Struggling to resolve the issue while deploying a Next.js application on Netlify. The error seems to be stemming from the import of an image and its

I attempted to eliminate the code on line 4 and line 15 in index.js, then deployed it on Netlify. The functionality is working correctly, but the image is not displaying as desired. However, when I try to modify the code with just lines 4 and 15 included, ...

javascriptnode.jsnpmnext.jsnpx

Using Angular's ng-repeat to handle duplicate elements

My chosen front-end framework is Angular, and below is an example of how I structure my view: <div class="col-sm-6" ng-repeat="contact in service.contacts"> <label class="control-label mb10">{{contact.textDescription | decodeURICompone ...

javascriptangularjsangularjs-ng-repeat

Changing the State of a CheckBox with ReactJS and Material UI

Utilizing Material UI's Checkbox, I am creating a form to input data and update or add values into a state object. This form serves the purpose of both editing an existing holiday or adding a new one. I'm currently facing an issue where the stat ...

javascriptreactjsmaterial-ui

Guide to uploading a recorded audio file (Blob) to a server using ReactJS

I'm having trouble using the react-media-recorder library to send recorded voice as a file to my backend. The backend only supports mp3 and ogg formats. Can anyone provide guidance on how to accomplish this task? Your help would be greatly appreciated ...

javascriptreactjstypescriptnext.js

Tips for troubleshooting aspx pages following an ajax post back?

I am currently working on a project with a unique architecture. During the page_load event, we utilize a switch case structure: switch (command) { case "LOAD": load(); break; case "UNLOAD": ...

c#javascriptasp.netajaxpostback