Solved
Code not working unless alert is put in or list selected twice??
Posted on 2004-04-08
I have the following code. It won't work unless an alert is put in at the top of the "selSAN" function or the list is selected twice, what is wrong???
////////////////////////////////
<html>
<head>
<title>My SAN - View</title>
<script language="javascript">
function selSAN(){
for(i=0; i < document.main.selectSAN.length ; i++)
{
if (document.main.selectSAN.options[i].selected == true)
return true;
}
return false;
}
function selFAB(){
for(i=0; i < document.main.selectFabric.length ; i++)
{
if (document.main.selectFabric.options[i].selected == true)
return true;
}
return false;
}
function selSWH(){
for(i=0; i < document.main.selectSwitch.length ; i++)
{
if (document.main.selectSwitch.options[i].selected == true)
return true;
}
return false;
}
function manageSAN(){
if (selSAN() == true) {
document.main.selectFabric.disabled = false;
document.getElementById("grey01").style.color = "#000000";
} return true;
}
function manageFAB(){
if ((selSAN() == true )&&(selFAB() == true )&&(selSWH() == false)) {
document.getElementById("level01").style.visibility = "hidden";
document.getElementById("level02").style.visibility = "visible";
document.getElementById("level03").style.visibility = "hidden";
document.main.selectSwitch.disabled = false;
document.getElementById("grey02").style.color = "#000000";
}
}
function manageSWH(){
if ((selSAN() == true )&&(selFAB() == true )&&(selSWH() == true)){
document.getElementById("level01").style.visibility = "hidden";
document.getElementById("level02").style.visibility = "hidden";
document.getElementById("level03").style.visibility = "visible";
}
}
</script>
</head>
</div>
<div id="level02" style="position: absolute; visibility: hidden; z-index: 2; left:166; top: 440;">
<table cellpadding=0 cellspacing=2 border=0 width=594 bgcolor="teal">
<tr>
<td>
<table cellpadding=0 cellspacing=0 border=0 width=594>
<tr>
<td bgcolor="#FFFFFF" colspan="6" class="mysanTitles"><div class="subHead2">Step 2(2): Select data to display.</div></td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="198" colspan=2><font color="teal">Totals across selected Fabrics</font></td>
<td bgcolor="#FFFFFF" width="396" colspan=4><font color="teal">Data for each selected Fabrics</font></td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Switch port usage summary</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Alias entries</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Active configuration</td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>License summary</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Zone entries</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Configuration definitions</td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Zoning summary</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Switch summary</td>
<td bgcolor="#FFFFFF" width="23"><!--<input type="checkbox" name="">--></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap></td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Port use and device count</td>
<td bgcolor="#FFFFFF" width="23"><!--<input type="checkbox" name="">--></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap></td>
<td bgcolor="#FFFFFF" width="23"><!--<input type="checkbox" name="">--></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="level03" style="position: absolute; visibility: hidden; z-index: 2; left:166; top: 440;">
<table cellpadding=0 cellspacing=2 border=0 width=594 bgcolor="teal">
<tr>
<td>
<table cellpadding=0 cellspacing=0 border=0 width=594>
<tr>
<td bgcolor="#FFFFFF" colspan="6" class="mysanTitles"><div class="subHead2">Step 2(3): Select data to display.</div><br></td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="198" colspan=2><font color="teal">Totals across selected Switches</font></td>
<td bgcolor="#FFFFFF" width="396" colspan=4><font color="teal">Data for each selected Switches</font></td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Switch summary</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Port Use</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Error logging information</td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Switch port usage summary </td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Alert search</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Switch identification</td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Device summary</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Switch I/O configuration</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Switch status information</td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">License summary</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Port connection information</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Performance information</td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">Frame level statistics</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF">ISL map</td>
<td bgcolor="#FFFFFF" width="23"><!--<input type="checkbox" name="">--></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<body>
<div class="bodySection">
<H5>View</H5>
<!-- ********************* new table content starts here for mySAN ************************-->
<form name="main">
<table cellpadding=0 cellspacing=2 border=0 width=594 bgcolor="teal" valign=top>
<tr>
<td>
<table cellpadding=0 cellspacing=0 border=0 width=594>
<tr>
<td class="mysanTitles" bgcolor="#FFFFFF">
<div class="subHead2">Step 1:</div>
<img href="/content/images/bc/transparent.gif" width=1 height=5><br>
<div class="mysanTitles">SAN</div>
<select name="selectSAN" class="mysanTitles" size=3 multiple onClick="return manageSAN();">
<option value="ALL">ALL</option>
<option value="Corporate HDQ Finance">Corporate HDQ Finance Corporate HDQ Finance Corporate </option>
<option value="Toronto HDQ Failover">Toronto HDQ Failover</option>
<option value="EMEA IS OPS">EMEA IS OPS</option>
<option value="LATAM IS OPS">LATAM IS OPS</option>
</select>
</td>
</tr>
<tr>
<td class="mysanTitles" bgcolor="#FFFFFF">
<img href="/content/images/bc/transparent.gif" width=1 height=5><br>
<div id="grey01" style="color: #CCCCCC;" class="mysanTitles">Fabric</div>
<select name="selectFabric" class="mysanTitles" size=3 multiple onClick=manageFAB(); disabled>
<option value="ALL">ALL</option>
<option value="Fabric1">Fabric 1 Fabric 1 Fabric 1 Fabric 1 Fabric 1 Fabric 1 Fabric 1</option>
<option value="Fabric2">Fabric 2</option>
<option value="Fabric3">Fabric 3</option>
<option value="Fabric4">Fabric 4</option>
</select>
<br>
</td>
</tr>
<tr>
<td class="mysanTitles" bgcolor="#FFFFFF">
<img href="/content/images/bc/transparent.gif" width=1 height=5><br>
<div id="grey02" style="color: #CCCCCC;" class="mysanTitles">Switches</div>
<select name="selectSwitch" class="mysanTitles" size=3 multiple onClick=manageSWH(); disabled>
<option value="ALL">ALL</option>
<option value="sw1ap002">sw1ap002sw1ap002sw1ap002sw1ap002[10.117.180.32][10:00:00:60:69:80:53:2e]</option>
<option value="sw1ap002">sw1ap002</option>
<option value="sw1ap002">sw1ap002</option>
<option value="sw1ap002">sw1ap002</option>
</select>
<br><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table cellpadding=0 cellspacing=2 border=0 width=594 height=170>
<tr>
<td>
<div id="level01" style="position: absolute; visibility: visible; z-index: 2; left:166; top: 440;">
<table cellpadding=0 cellspacing=2 border=0 width=594 bgcolor="teal">
<tr>
<td>
<table cellpadding=0 cellspacing=0 border=0 width=594>
<tr>
<td bgcolor="#FFFFFF" colspan="6" class="mysanTitles"><div class="subHead2">Step 2(1): Select data to display.</div><br></td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="198" colspan=2><font color="teal">Totals across selected SANs</font></td>
<td bgcolor="#FFFFFF" width="396" colspan=4><font color="teal">Data for each selected SANs</font></td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Fabric summary</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>SAN Health report </td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Inventory status</td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Switch port usage summary</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>SAN diagram</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Best practices recommendations</td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>License summary</td>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Switch summary</td>
<td bgcolor="#FFFFFF" width="23"><!--<input type="checkbox" name="">--></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap></td>
</tr>
<tr height=25>
<td bgcolor="#FFFFFF" width="23"><input type="checkbox" name=""></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap>Port use and device count</td>
<td bgcolor="#FFFFFF" width="23"><!--<input type="checkbox" name="">--></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap></td>
<td bgcolor="#FFFFFF" width="23"><!--<input type="checkbox" name="">--></td>
<td width="175" class="mysanTitles" bgcolor="#FFFFFF" nowrap></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<br>
<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td> </td>
</tr>
<tr>
<td><input type="button" name="SanSearch" value="Search"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><div class="subHead2">Results</div></td>
</tr>
</table>
</form>
<!--************************ new table content ends here for mySAN ************************-->
</div>
</body>
</html>