Welcome to deBUG.to Community where you can ask questions and receive answers from Microsoft MVPs and other experts in our community.
0 like 0 dislike
in Web Development by 36 41 48

I have an ASP.NET that uses localization with Resources file RESX and I have a JavaScript function that shows a message in a DIV element based on the current site language using fancybox as below

<a href="#divID" id="btnForm">open fancy box</a>

<div id="divID" style="display:none">
 HERE,  I need t show a text based on a resource file

<script type="text/javascript">
$(function() {
        'onStart': function() { $("#divID").css("display","block"); },            
        'onClosed': function() { $("#divID").css("display","none"); }

I need to show the DIV text from a resource file, How can I replace DIV Text with a resource key from resource file resx using JavaScript or JQuery?

1 Answer

1 like 0 dislike
by 155 174 351
selected by
Best answer

1) Replacing DIV text from Resources File.resx

You can easily use a key from the Resource file in your DIV element by using <%$Resources:ResourceFile Name,Resource Key%>.

In your case, you should use asp:Literal control to display a text from Resource File (resx) as below

<div id="divID" style="display:none">
 <asp:Literal runat="server" Text="<%$Resources:ResourceFile,Key%>" />

2) Replacing DIV content from Resources File.resx using JavaScript

The above solution will embed the resource entry to your code. However, if you need to set the DIV content with a Resource using JavaScript, you can use the below code:

document.getElementById("divID").innerHTML = '<asp:Literal runat="server" Text="<%$Resources:ResourceFile,Key%>" />';

Make sure the resource file name is correct and already provided the correct resource entry key.

If you don’t ask, the answer is always NO!