If you are hosting a couple of websites, you want to make sure that adding or editing website configurations (e.g. Apache config files) does not interfere with other websites.
To display an overview of hosted sites, I decided to write a Javascript procedure which creates a table containing iframes to those websites:
<html>
<head>
<title>mosaic</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css">
</head>
<body>
<table id="Table1" cellSpacing="1" cellPadding="1" width="100%" border="0">
<script type="text/javascript">
var sites = [];
sites["site1"] = "http://my.first.site/";
sites["site2"] = "http://my.second.site/";
// more sites
var iMaxCol = 2;
var iCol = 0;
for(site in sites)
{
if (iCol == 0) {
document.writeln("<tr>");
}
document.writeln("<td align=\"center\">");
document.writeln("<a href=\"" + sites[site] +
"\" target=\"_blank\">" + site + "</a><br/>");
document.writeln("<iframe src=\"" + sites[site] +
"\" width=\"100%\" height=\"100px\"");
document.writeln("</iframe>");
document.writeln("</td>");
iCol++;
if (iCol == iMaxCol) {
document.writeln("</tr>");
iCol = 0;
}
}
if (iCol == iMaxCol) {
document.writeln("</tr>");
}
</script>
</table>
</body>
</html>
[...] a Mosaic Webpage with Javascript using DOM I tried to present my concept of a Mosaic Webpage today, and found that while it renders nicely in Firefox, Internet Explorer (6,7,8) only showed a [...]