Set Label value from Code behind using external JavaScript file in ASP.Net

arujdevi...

SOLVED CLOSED ACTIVE ANSWERED
User: arujdevia
Posted: on Oct 26, 2022 10:42 PM
Forum: ASP.Net Web Forms
Answer: 1
Views: 5422
Sample Code: Download

Update html label from asp.net (vb) code behind. Data I want to update is session(ID).

The label is referenced from HTML file inside aspx page.

This is from external html file:

<label id="LblProfileName" runat="server" class="form-check-label text-white">Welcome </</label>

HTML is referenced in aspx page by:

 <!-- To Load Header from header template -->
<script src="Scripts/jquery-3.6.1.min.js"></script>
<script> 
    $(function () {
        $("#footer").load("footer.html");
        $("#navbar").load("NavBarNormal.html");
    });
</script>

I have attempted use JavaScript (external file .js) but it does not update.

Note: I have this function in my external js file which is referenced in aspx page but cannot be called from code behind and pass parameter.

function updateloginname(name) { 
    document.getElementById("LblProfileName").innerHTML = name;
    return false;
}

What would be the best way to pass this.

Thanks in advance for assistance.

Download FREE API for Word, Excel and PDF in ASP.Net

KasimA

0 2

Reply
ANSWER
User: KasimA
Replied: on Oct 27, 2022 05:51 AM
Report

Hi arujdevia,

Use setTimeout function.

Please refer below sample.

Javascript

function updateloginname(name) {
    setTimeout(function () {
        $("#LblProfileName").html(name);
    }, 500);
}

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <label id="LblProfileName" class="form-check-label text-white">Welcome</label>
</body>
</html>

Default

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="JavaScript.js"></script>
<script>
    $(function () {
        $("#footer").load("footer.html");
    });
</script>
<div id="footer"></div>
<asp:Button ID="brnSave" Text="Save" runat="server" OnClick="updateloginname" />

Code

protected void updateloginname(object sender, EventArgs e)
{
    string message = "test";
    ClientScript.RegisterStartupScript(this.GetType(), "update", "updateloginname('" + message + "');", true);
}

VB.Net

Protected Sub updateloginname(ByVal sender As Object, ByVal e As EventArgs)
    Dim message As String = "test"
    Dim script As String = "window.onload = function() { };"
    ClientScript.RegisterStartupScript(Me.GetType(), "update", "updateloginname('" & message & "');", True)
End Sub

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Set Label value from Code behind using external JavaScript file in ASP.Net

Company

Explore

Follow us

Contact Us