CODEWITHSUNDEEP
javascriptasp.net
Sergiu
Sergiu

Reputation: 442

JavaScript alert with label's text

Quick and silly question perhaps, but how do I pass a label's text into a javascript confirm or alert function?

Here is what I've done but it's not good:

<asp:Label ID="lblGVDeleteMessage" runat="server" Text="Show me!" style="display:none;" ></asp:Label>
<asp:ImageButton ID="btnDelete" runat="server" AlternateText="Delete" 
    CommandName="Delete" Height="15px" ImageUrl="~/Images/document_delete.png" 
    OnClientClick="return confirm('#<%=lblGVDeleteMessage.ClientID%>')" 
    Width="15px" />

Thanks!

Upvotes: 0

Views: 2553

Answers (3)

Sergiu
Sergiu

Reputation: 442

The only way I made it work was to set ClientIDMode="Static" on the label and on the OnClientClick event do this: "return showConfirm('lblGVDeleteMessage');"

Upvotes: 0

Paddy
Paddy

Reputation: 33857

You probably want this to be:

"return confirm(document.getElementById('#<%=lblGVDeleteMessage.ClientID%>').innerHTML)"

Based off the comment below and the fact that you must be dynamically setting the text to the label in the first place, can you not just set the text dynamically into the call instead? Bit neater than outputting an extra dom element that will always be hidden, e.g.:

"return confirm('<%# SomeFunctionTosetTheText() %>')"

Upvotes: 1

CodingIntrigue
CodingIntrigue

Reputation: 78535

You need to grab the element by it's ID, then read it's innerHTML property:

OnClientClick="return confirm(document.getElementById('<%=lblGVDeleteMessage.ClientID%>').innerHTML)"

But you might want to consider moving the logic out into another function:

Script:

function showConfirm(id) {
    var elem = document.getElementById(id);
    return confirm(elem.innerHTML);
}

ASPX:

OnClientClick="return showConfirm('<%=lblGVDeleteMessage.ClientID%>')"

Upvotes: 3

Related Questions