How to make a button not show up but still be used by javascript?

Question

I am using a button that has to be invible and should be used by a javascript function.

<asp:Button ID ="btnDummy1" runat="server" Visible ="true" OnClick="btnSubmit1_Click" width="0px" height="0px"/

I cannot keep visible = false as it the javascript will not use invible content in the poage. I havetried to give width=0 and height=0, still it showws up in Chrome. What do you guys think i should do?

Thanks in advance :)

Answer 1

A pretty clean approach in ASP.Net it give it a "hidden" class:

<asp:Button ID ="btnDummy1" runat="server" CssClass="hidden" />

Then in your stylesheet:

.hidden { display: none; }

Answer 2

If you set it to Visible="False" then the code will not be executed.

Instead I think you should wrap it in a <div> and set display:none via css:

<div style="display: none;">
   <asp:Button ID ="btnDummy1" runat="server" OnClick="btnSubmit1_Click" />
</div>