File: /var/www/net/indextest.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="templatemo_style.css">
<title>亞訊寬頻網路監控</title>
<style type="text/css">
<!--
body,td,th,table,img{
font-family: Arial, Helvetica, sans-serif;
width: 100%;
table-layout:fixed;
}
.img{
width:20px;
height: 20px;
}
.img2{
width:151px;
height:74px;
}
.img3{
width:151px;
height:60px;
}
.input{
width: 100%;
table-layout:fixed;
}
a {
font-family: Arial, Helvetica, sans-serif;
}
.style1 {
font-size: 14px;
color: #55B805;
font-style: normal;
font-weight: 900;
}
.style2 {font-size: 14}
-->
</style>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script>
function checkLinkAvailability(linkId, rowId) {
var link = document.getElementById(linkId);
var row = document.getElementById(rowId);
if (link) {
if (link.href) {
row.style.backgroundColor = "#55B805"; // Green color if link is available
} else {
row.style.backgroundColor = "#FF0000"; // Red color if link is not available
}
}
}
</script>
</head>
<body>
<table border="1" align="left" cellpadding="0" cellspacing="0" bordercolor="#666666" class="btn_more">
<tr>
<td width="303"><a href="http://b8d00a83a70b.sn.mynetname.net:5678" target="_blank">001 演說家</a><span class="style1">RB450Gx4 </span><strong class="btn-danger">POE</strong></td>
<td width="303"><a href="http://b8d00bd26667.sn.mynetname.net:5678" target="_blank">002 愷悅假期</a> <span class="style1">RB450Gx4 </span><strong class="btn-danger">POE</strong></td>
<td width="303"><a href="http://b8d00b31dfcd.sn.mynetname.net:5678" target="_blank">003 台北東京</a> <span class="style1">RB450Gx4 </span><strong class="btn-danger">POE</strong></td>
<td width="303"><a href="http://ec190f54c847.sn.mynetname.net:5678" target="_blank">004 馬可波羅</a> <span class="style1">RB5009 </span> | <a href="http://33b604cdf81a.sn.mynetname.net:5678/" target="_blank">管中</a></td>
</tr>
<tr>
<td id="row2" width="303"><input type="button" value="UpTime" onClick="javascript:window.open('api.php?vpn=b8d00a83a70b','WindowOpen2','toolbar=no,location=no,directories=no,width=313,height=210')" />
<input type="button" value="PPPOE" onClick="javascript:window.open('indexpppoe.php?vpn=b8d00a83a70b','WindowOpen3','toolbar=no,location=no,directories=no,width=353,height=450')" /></td>
<td id="row2" width="303"><input type="button" value="UpTime" id="uptimeLink2" onClick="javascript:window.open('api.php?vpn=b8d00bd26667','WindowOpen2','toolbar=no,location=no,directories=no,width=313,height=210')" />
<input type="button" value="PPPOE" onClick="javascript:window.open('indexpppoe.php?vpn=b8d00bd26667','WindowOpen3','toolbar=no,location=no,directories=no,width=353,height=450')" /></td>
<td id="row2" width="303"><input type="button" value="UpTime" onClick="javascript:window.open('api.php?vpn=b8d00b31dfcd','WindowOpen2','toolbar=no,location=no,directories=no,width=313,height=210')" />
<input type="button" value="PPPOE" onClick="javascript:window.open('indexpppoe.php?vpn=b8d00b31dfcd','WindowOpen3','toolbar=no,location=no,directories=no,width=353,height=450')" /></td>
<td id="row2" width="303"><input type="button" value="UpTime" onClick="javascript:window.open('api.php?vpn=ec190f54c847','WindowOpen2','toolbar=no,location=no,directories=no,width=313,height=210')" />
<input type="button" value="PPPOE" onClick="javascript:window.open('indexpppoe.php?vpn=ec190f54c847','WindowOpen3','toolbar=no,location=no,directories=no,width=353,height=450')" /></td>
</tr>
</table>
<p><a href="ctel.htm" target="_blank"></a></p>
<script>
// Check link availability for the second row
checkLinkAvailability("uptimeLink2", "row2");
</script>
</body>
</html>