OnClientCLick problem

[modernthinker]

Hi,

I have a Button control when clicked fires some javascript which sets a DIV tag visibility to true. This all works fine, but what it doean't do is fire the serverside OnClick button event?

My Javascript code:

 
<script type="text/javascript">
        function showSending(e)
        {
            linkID = document.getElementById(e)
            linkID.disabled = true;  
            
            linkID = document.getElementById("sending")
            linkID.style.visibility = "visible";    
            
        }
</script>

My HTML Code:

<form id="form1" runat="server">
    <div>
        <asp:Button ID="btnSending" runat="server" Text="Sending" OnClientClick="return showSending(this.id)" OnClick="btnSending_Click" />
        <div id="sending" style="border: solid 1px green; padding: 5px; width:55px; font-family:Verdana; font-size:12px; visibility:hidden;">Sending..</div>    
    </div>
    </form>

My OnClick event:

protected void btnSending_Click(object sender, EventArgs e)
    {
        // Do some stuff here
    }

So once the div tag visibility is set i then want the button event to fire?

[brin351]

try changing

OnClientClick="return showSending(this.id)"
to
OnClientClick="showSending(this.id)"

at a guess this is a file upload message so that should work.

[modernthinker]

Unfortunately that doens't work. Once the button is clicked the onClick event still isn't being fired.

[modernthinker]

This is a message that should appear after a file is attached to an message then emailed.

I just need a message to appear after the button click. ANy idea's how to get the server side code to fire?

[axion_sa]

If the source of the submit is disabled, i.e. your button, the page won't submit. Simply delaying the disable for a tad may work:

function showSending(button) {
	window.setTimeout("button.disabled = true", 50);
	
	var linkID = document.getElementById("sending");
	linkID.style.visibility = "visible";
	return true;
}
</script>

<asp:Button ID="btnSending" runat="server" Text="Sending" OnClientClick="return showSending(this)" OnClick="btnSending_Click" />
<div id="sending" style="border: solid 1px green; padding: 5px; width:55px; font-family:Verdana; font-size:12px; visibility:hidden;">Sending..</div>

[modernthinker]

I tried this but i get the following error:

'Microsoft JScript runtime error: 'button' is undefined'

[axion_sa]

The OnClientClick property changed to "return showSending(this)"

[modernthinker]

I couldn't get it working the way i wanted it to so i had to set the button visibility to hidden once it was clicked.

It does the same job which is preventing the user from clicking the button again so i'm not complaining.

Thanks.

[kleinma]

am I missing something or is showsending JS function not returning a value, which would make it return false always?

[axion_sa]

am I missing something or is showsending JS function not returning a value, which would make it return false always?

Originally, yes, but the version I posted was explicit in its return

[kleinma]

Didn't see your post there. At least we are on the same thought