How to I hide a SharePoint Document view based on certain variable in a Javascript code?

Question

I have a SharePoint Document view that allow people to upload file. However, I have a Javascript variable that will control when can the people upload file.

If the javascript variable is being assigned a value, say "Close", the SharePoint Document view should either not display on the screen or the whole aspx file cannot be access.

However, if the javascript variable is being assigned a value, say "Open", the SharePoint Document view will be display and people can upload their files or click New document.

Answer 1

You can hide the web part by making the css class for the web part as disply="none"

Check your javascript variable value in a function, when the value is "Close" then add the line,

document.getElementById(webpartid).style.display="none";

Here webpartid is the ID of the Web Part, which you can get from the source of the page, which will look something like this - MSOZoneCell_WebPartWPQ

To make it back to visible you can use the code,

document.getElementById(webpartid).style.display="inline";