CODEWITHSUNDEEP
c#javascriptasp.net
challengeAccepted
challengeAccepted

Reputation: 7620

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

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 :)

Upvotes: 6

Views: 27530

Answers (7)

rtpHarry
rtpHarry

Reputation: 13135

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>

Upvotes: 6

zakaria daoudi
zakaria daoudi

Reputation: 13

<asp:Button ID="btnMyOrders" runat="server" Text="my orders" CssClass="dropdown-item" OnClick="btnMyOrders_Click" Visible="False" />

Example then in Form(){

btn.Visible = true; to show it again }

Upvotes: 0

BIJIN PALAKKAL
BIJIN PALAKKAL

Reputation: 196

adding style="display:none" would hide the button till you make it visible again

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

Upvotes: 2

Nicolas
Nicolas

Reputation: 1689

I think the first question you should ask yourself is : why would I put in my HTML doc a button that should not be visible ?

An HTML document should be used ONLY TO DESCRIBE A CONTENT'S SEMANTICS. So an HTML doc should ONLY contain the content you want to publish and extra data to explain the content's SEMANTIC !! NOTHING about the way it is displayed, NOTHING about the way it behaves !!

All displaying and behaviors questions should be managed with CSS and Javascript, NEVER within HTML itself.

Any element needed for Javascript only purpose should be added in the doc by Javascript itself !

You should never find, in an HTML doc, such things as prev/next buttons for a javascript picture gallery for example. The HTML doc should only contain the pictures list, than your JS script will change the way this list is shown, making it a eye candy gallery and add buttons for navigation.

So in your example, your saying you want to add in your HTML doc an invisible button with some Javascript actions on it.... that's probably an example of some content that should never be in the HTML doc.

Upvotes: -1

mike
mike

Reputation: 1906

Can you just use a hidden form field in this case? This is generally the preferred method of passing information along.

See http://www.tizag.com/htmlT/htmlhidden.php

Upvotes: 0

Bala R
Bala R

Reputation: 109037

How about 

style="display:none"

for the button instead of Visible = "true".

Upvotes: 0

Nick Craver
Nick Craver

Reputation: 630637

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; }

Upvotes: 15

Related Questions