Hide HTML Division if directory is missing

StorageDon · 07-15-2016, 09:42 AM

I have a simple home page, I'd like to modify.

It has four division that I would like to independently hide if a directory it needs is missing. That way the user only sees what's currently available.

Here is the present state of the html file:

<html>
<head>
<style>
div {
background-color: lightgrey;
width: 500px;
height: 150px;
border: 5px solid green;
padding: 10px;
margin: 25px;
vertical-align: middle;
}
img {
background: #3A6F9A;
vertical-align: middle;
}
</style>
</head>
<body>
<div style="width: 100%; height: 75px; font-size: 40px; font-weight: bold; text-align: center; background-color: lightgrey;">
Welcome to the Repo...
</div>
<p>
if (System.IO.File.Exists("./rhel"))
{ <div>
<a href="./rhel/"><img border="0" alt="Red Hat" src="redhatOSicon.png"></a>
</div>
<p>
} <div>
<a href="./centos/"><img border="0" alt="Fedora Server" src="centosOSicon.png"></a>
</div>
<p>
<div>
<a href="./fedoraserver/"><img border="0" alt="Fedora Server" src="fedoraOSicon.png"></a>
</div>
<p>
<div>
<a href="./debian/"><img border="0" alt="Debian" src="debianOSicon.png"></a>
</div>
<p>
<a href="/">From the begining...
</a>
</body>
</html>

Thanks in advance for your help.

dugan · 07-15-2016, 12:10 PM

Code:

if (System.IO.File.Exists("./rhel"))

Looks like you're already doing that?

Also, the whole thing looks to me like it could probably be replaced with Apache or NGinx's directory indexes.

StorageDon · 07-15-2016, 02:24 PM

Quote:

Originally Posted by dugan

Code:

if (System.IO.File.Exists("./rhel"))

Looks like you're already doing that?

Also, the whole thing looks to me like it could probably be replaced with Apache or NGinx's directory indexes.

Dugan;
Thanks for the reply.
I am using Apache, on a fedora server 23.
I'm just trying to get a little fancy.
The code I had in there was wishful thinking. it obviously does not work when you view the web page. (see attachment)

dugan · 07-15-2016, 07:58 PM

If you want something fancy, give this a try:

https://larsjung.de/h5ai/

Or my own project for nginx:

https://github.com/duganchen/ngx-responsiveindex

If what you're currently serving up is an HTML file and not, say, a PHP file, then your approach won't work. You need some server-side logic for this.

ondoho · 07-16-2016, 01:40 AM

Quote:

Originally Posted by dugan

If what you're currently serving up is an HTML file and not, say, a PHP file, then your approach won't work. You need some server-side logic for this.

what i thought.
using php would be the most common approach, i think.
if that is new to you, get aquainted!
https://en.wikipedia.org/wiki/PHP
http://www.w3schools.com/PHP/php_intro.asp