Checking Div Visibility in ASP.NET using Javascript

Question

How do you check if a div's visibility is hidden using JavaScript and ASP.Net?

If you look below, I am using an "if statement" to return an Alert("hi") if the div is not visible. Yet, the code is not working.

Any help is appreciated, thank you. Language is C#/JavaScript

<script>
function emptyRunReportConfirmation() {
var divDateFiltersID = document.getElementById('<%=divDateFilters.ClientID%>'); 

if (divDateFiltersID.style.visibility == "hidden") {
    alert("hi");
}
}
</script>

<!-- this is a button to call the function -->
<asp:Button ID="buttCustomerFilt" runat="server" class="btn btn-primary" ClientIDMode="Static" Text="Run Report" OnClientClick="if ( ! emptyRunReportConfirmation()) return false;" OnClick="buttCustomerFilt_Click" /></div> 

<!-- this is the div to check if visible -->
<div runat="server" id="divDateFilters" visible="false"></div>

Possible duplicate of How to check if a div is visible state or not? — tweray
– tweray, Commented Oct 19, 2016 at 19:48

becquerel · Accepted Answer · 2016-10-19 17:36:33Z

1

Setting visible="false" on a runat="server" element will remove the element entirely from the page. The DIV element will not render at all. You could check your HTML to verify this.

It depends a bit on what you want to do, but in this case if you use visible="false" you can check if the variable is empty to see if the element exists.

if (!divDateFiltersID) {
    alert("hi");
}

answered Oct 19, 2016 at 17:36

becquerel

1,1317 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ja va Over a year ago

When I replaced my code with yours it didn't do the alert on button click however.

becquerel Over a year ago

And you get no errors in the console? Can you verify that you actually enter the function (using debuging in chrome developer tools for example). There you can also see the values of variables etc. to make sure you are testing for the right things.

Ja va Over a year ago

Thank you, Marked up and "answered"

Collectives™ on Stack Overflow

Checking Div Visibility in ASP.NET using Javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related