Is there a way to retrieve the value of an ASP.NET Literal control in JavaScript? I attempted the code below but it didn't return any values:
var companyName = document.getElementById('litCompanyName').textContent;
var companyNumber = document.getElementById('litCompanyNumber').textContent;
Appreciate any assistance!
It is necessary to publish your literal in a web form or view, as ASP.NET code cannot be published in .js files. You can achieve this by following the example below:
<script>
var companyName = <%= [YOUR LITERAL]; %>
</script>
Afterwards, you can utilize it accordingly.
When developing in Asp.net, it is important to note that the ID of a page may change once it is rendered in HTML. To verify this, inspect the HTML code using FireBug in Mozilla Firefox.
For instance, when dealing with labels:
<asp:Label ID="SaveTime" runat="server"></asp:Label>
var companynumber = document.getElementById('<%=SaveTime.ClientID%>').Text;
When working with Literal elements, make sure to enclose them within a div or span:
<span id="yourId"><asp:Literal ID="SaveTime" runat="server"></asp:Literal></span>
To retrieve the value using JavaScript:
var value = document.getElementById('yourId').innerText;
Unfortunately, it is not possible to directly manipulate a literal control in ASP.NET. The content within a literal control is static and cannot be changed dynamically through client-side scripting. However, there are workarounds available.
One option is to use a hidden field or a Label control instead of a literal control. By doing so, you can modify the content of these controls using JavaScript. When referencing ASP.NET controls in JavaScript, consider setting ClientIDMode="Static" for easier access, or wrap the content of the literal control in an HTML element with a specified ID.
Here's an example:
litCompanyName.Text = "<span id=\"company-name\">" + Company.Name + "</span>";Then, in your JavaScript code:
var companyname = document.getElementById('company-name').innerText;The server-side literal control only displays the text content when the page is rendered, without any additional HTML structure. For instance:
The company name is <asp:Literal ID="litCompanyName" runat="server" Text="Google" />
will appear in the HTML code as:
The company name is Google
If you want to access this text content with JavaScript, you will need to wrap it within an element like so:
<span id="CompanyName"><asp:Literal ID="litCompanyName" runat="server" /></span>
Now you can retrieve the text using
document.getElementById('CompanyName').innerHTMLenter image description hereHow To Utilize ParseINT Using row.find(). I Attempted This Code But It Doesn't Work. This is My Code : function update_qty() { var row2 = $(this).parents('.item-row'); var price2 = row2.find(parseInt($ ...
Difficulty Integrating AngularJS, jQuery, and Adobe Panel Creation I recently updated the versions of AngularJS and jQuery for my project. Previously, I was using jquery-1.11.0.min.js and AngularJS 1.2.10. Now, I want to utilize the latest available versi ...
Is there a way to align multiple elements of varying heights against the top of a container, similar to what is seen on Wolfram's homepage? I noticed that they used a lot of JavaScript and absolute positioning in their code, but I'm wondering if ...
I encountered a situation where I needed to apply a css property to a class rather than an element. For example: $('.class_with_css').css({display:'none'}); This code would add the style "display:none" to all elements with the cl ...
I want to upgrade a basic javascript alert to make it look more visually appealing. Currently, the alert is generated using if(isset($_GET['return'])) { // get a random item $sql = "SELECT * FROM pp_undergroundItems AS u LEFT JO ...
My script for Adobe Illustrator CS5.1 is not showing up in the scripts menu despite trying to place it in various directories such as: C:\Program Files\Adobe\Adobe Illustrator CS5.1\Presets\en_GB\Scripts\ C:\Progra ...
In my quest, the end goal is to craft a simplistic gallery that closely resembles this particular example: EXAMPLE: This sample gallery is created using Flash technology, but I aim to develop mine utilizing HTML, CSS & Javascript to ensure compatibil ...
I recently encountered an unexpected situation while working on a Jest test suite. Despite not making any changes to the codebase, I simply added a new test. Originally: mylibrary.js | 95.65 | 89.66 | 100 | 95.65 | 54-56,84 ------------ ...
Currently, I am integrating the Google Maps API v3 for JavaScript into my project. However, I am facing an issue where the map only appears in the upper left corner under certain circumstances. To visualize this problem, you can visit this link and click ...
Struggling to find a suitable example for this scenario. I am looking to create a chart directive that will be updated every minute by fetching data from a web service. Currently, I have a service that acts as a wrapper for the web service. My controller ...
Utilizing flex to centrally position my element within my layers has worked well for me, but I encountered an issue when switching to a smaller screen size. The element simply scales down in size instead of taking up the full width like it does with Bootst ...
I have an AngularJS application where I am using a function called foo(bar) that takes bar as a parameter. The data for bar is retrieved from a web API, and I loop through this data using ng-repeat which works perfectly fine. <li class="list-group-item ...
I am currently developing a Laravel project that allows users to favorite and unfavorite books. When a user clicks on the favorite button, the color changes to red. If clicked again, the color reverts back to gray. The database successfully updates without ...
Take a look at the Code snippet below - $(function() { $.fn.getPosition = function() { var results = $(this).position(); results.right = results.left + $(this).width(); results.bottom = results.top + $(this).height(); return results; } ...
Can you identify which code block does not contain a syntax error? Out of the 4 options below, one of them is free from any syntax mistakes. alert("hello "+3+" times); alert("hello "+3 times); alert("hello +3+ times"); alert("hel ...
As a novice in ReactJS, I am currently utilizing materia-ui to design a page. I am looking to make a custom change on a TextField where the font size adjusts when text is entered. However, adjusting the font size creates too much space between the label a ...
Currently, I am developing a website using the MERN stack and implementing JWT for authentication. My goal is to store JWT tokens in cookies. Despite invoking the res.cookie function with specified parameters (refer to the code below), I am facing difficul ...
I am currently working on implementing a filter for my data based on selections made in a drop-down menu. Here's the setup: I have MSSQL data being pulled into NextJS using Prisma (ORM). My goal is to create a dropdown filter that will refine the di ...
I'm trying to align 5 columns in one row, but I'm struggling to achieve the desired layout. Here is what I currently have: https://i.stack.imgur.com/d3z3n.png Any tips on how to make all columns appear in a single row? You can also view my att ...
Within my React app, I have an input component that triggers an onChange event when connected to another component: <input type="text" onChange={onChange} /> Now, I am looking to enhance this input component by incorporating a prop from another com ...