Hello -
Okay...I have another confusing question (warning...newbie here!). I added some javascript to my main template page that makes my side navigation bar expandable. I had a folder of preexisting pages created from this template that the Dreamwever updated when I saved the main template. I want to make my index page from this template, but for some reason, if it's not in the folder the other pages are in, the images don't work. I'm officially stumped!!!
Here's the javascript:
<script>
var myvar;
function menuinit() {
document.getElementById('m1').style.display = 'none';
document.getElementById('m2').style.display = 'none';
document.getElementById('m3').style.display = 'none';
document.getElementById('m4').style.display = 'none';
document.getElementById('m5').style.display = 'none';
document.getElementById('m6').style.display = 'none';
document.getElementById('m7').style.display = 'none';
document.getElementById('pm1').src= '../images/plus.jpg';
document.getElementById('pm2').src = '../images/plus.jpg';
document.getElementById('pm3').src = '../images/plus.jpg';
document.getElementById('pm4').src = '../images/plus.jpg';
document.getElementById('pm5').src = '../images/plus.jpg';
document.getElementById('pm6').src = '../images/plus.jpg';
document.getElementById('pm7').src = '../images/plus.jpg';
}
function menuexpand (i) {
menuinit();
if (myvar == i) {
document.getElementById('p' + i).src = '../images/plus.jpg';
document.getElementById(i).style.display = 'none';
myvar = '';
}
else {
document.getElementById('p' + i).src = '../images/minus.jpg';
document.getElementById(i).style.display = 'block';
myvar = i;
}
}
</script>Here's the main template HTML:
<body onload="menuinit();">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td valign="bottom" bgcolor="#393943"><a href="../index.html"><img src="../images/logo.jpg" width="274" height="113" align="bottom" border="0"/></a></td>
<td height="147" colspan="10" align="bottom" valign="middle" bgcolor="#393840" style="background-repeat: no-repeat;"><img src="../images/header_home2.jpg" width="100%" height="147" /></td>
</tr>
<tr>
<td valign="bottom" bgcolor="#393943"> </td>
<td height="19" colspan="10" align="bottom" valign="middle" bgcolor="#393840" style="background-repeat: no-repeat;"> <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
<tr align="center">
<td nowrap width="15%" class="bodyText" align="right"> </td>
<td nowrap width="1%" class="bodyText">|</td>
<td nowrap width="7%"><a href="javascript:;" class="bodyText">LOGIN</a></td>
<td nowrap width="1%" class="bodyText">|</td>
<td nowrap width="16%"><a href="javascript:;" class="bodyText">REQUEST CATALOG</a></td>
<td nowrap width="1%" class="bodyText">|</td>
<td nowrap width="9%"><a href="javascript:;" class="bodyText">LINECARD</a></td>
<td nowrap width="1%" class="bodyText">|</td>
<td nowrap width="9%"><a href="javascript:;" class="bodyText">QUALITY</a></td>
<td nowrap width="1%" class="bodyText">|</td>
<td nowrap width="6%"><a href="javascript:;" class="bodyText">NEWS</a></td>
<td nowrap width="1%" class="bodyText">|</td>
<td nowrap width="16%"><a href="javascript:;" class="bodyText">ABOUT COMPAERO</a></td>
<td nowrap width="1%" class="bodyText">|</td>
<td nowrap WIDTH="13%"><a href="javascript:;" class="bodyText">CONTACT US</a></td>
<td nowrap width="1%" class="bodyText"> </td>
</tr>
</table></td>
</tr>
<tr bgcolor="#D5EDB3">
<td rowspan="2" bgcolor="#393943"><table width="271" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="190" align="left" valign="top" nowrap="nowrap" bgcolor="#393943" class="bodyText">PART SEARCH</td>
<td width="35" colspan="2" valign="bottom" bgcolor="#393943"> </td>
</tr>
<tr>
<td align="center" valign="top" nowrap="nowrap" bgcolor="#393943" class="bodyText"> OR COMPETITORS P/N</td>
<td width="35" colspan="2" valign="bottom" bgcolor="#393943"> </td>
</tr>
<tr>
<td align="center" valign="middle" nowrap="nowrap" bgcolor="#393943" class="bodyText"><input name="textfield" type="text" id="textfield" size="30" /></td>
<td width="35" colspan="2" align="center" valign="top" bgcolor="#393943"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','../images/go active.jpg',1)"> <img src="../images/go_inactive.jpg" name="Image3" width="18" height="20" border="0" id="Image3" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td width="133" height="120" align="left" valign="top" bgcolor="#FFFFFF"><img src="../images/top_left_curve.jpg" width="133" height="120" align="top" /></td>
<td width="100%" colspan="2" rowspan="2" align="left" valign="top" bgcolor="#FFFFFF"><!-- TemplateBeginEditable name="mainContent" -->mainContent<!-- TemplateEndEditable --></td>
</tr>
<tr>
<td height="100%" align="left" valign="top" bgcolor="#393943"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#393943">
<tr>
<td nowrap="nowrap" bgcolor="#393943"> </td>
</tr>
<tr>
<td nowrap="nowrap" bgcolor="#393943"> <ul id="nav">
<li>
<P onclick="menuexpand('m1');return false;"><span class="sideTitle">CIRCULAR BACKSHELLS </span><img name="pm1" width="7" height="7" align="baseline" id="pm1"></P>
<ul class="style3" id="m1">
<li><a class="sideText" href="../adapters and accessories/non-environmental adapters.html">NON-ENVIRONMENTAL</a></li>
<li><a class="sideText" href="../adapters and accessories/environmental adapters.html">ENVIRONMENTAL</a></li>
<li><a class="sideText" href="../adapters and accessories/emi-rfi non-environmental adapters.html">NON-ENVIRONMENTAL EMI/RFI</a></li>
<li><a class="sideText" href="../adapters and accessories/emi-rfi environmental adapters.html">ENVIRONMENTAL EMI/RFI</a></li>
<li><a class="sideText" href="../adapters and accessories/shrink boot adapters.html">SHRINK BOOT ADAPTERS</a></li>
<li><a class="sideText" href="../adapters and accessories/connector extenders.html">EXTENDERS</a></li>
</ul>
</li>
<li>
<P onclick="menuexpand('m2');return false;"><span class="sideTitle">CONNECTOR ACCESSORIES </span><img name="pm2" width="7" height="7" align="baseline" id="pm2"></P>
<ul class="style3" id="m2">
<li><a class="sideText" href="../adapters and accessories/protective covers.html">PROTECTIVE COVERS</a></li>
<li><a class="sideText" href="../adapters and accessories/m85049 exact equivalents.html">MS3057 STYLE CLAMPS</a></li>
<li><a class="sideText" href="../adapters and accessories/stowage receptacles.html">STOWAGE RECEPTACLES</a></li>
<li><a class="sideText" href="">NUT PLATES (MOUNTING FLANGES)</a></li>
</ul>
</li>
<li>
<P onclick="menuexpand('m3');return false;"><span class="sideTitle">CIRCULAR CONNECTORS </span><img name="pm3" width="7" height="7" align="baseline" id="pm3"></P>
<ul class="style3" id="m3">
<li><a class="sideText" href="#">MIL-DTL-26482 I (MS3110-MS3126)</a></li>
<li><a class="sideText" href="#">MIL-DTL-26482 II (MS3470-MS3476)</a></li>
<li><a class="sideText" href="#">MIL-DTL-5015 III (MS3450-MS3459)</a></li>
<li><a class="sideText" href="#">MIL-DTL-38999 I (MS2466-MS27656)</a></li>
<li><a class="sideText" href="#">MIL-DTL-38999 II (MS27472-MS27508)</a></li>
<li><a class="sideText" href="#">MIL-DTL-38999 III (D38999/20-D38999/26)</a></li>
<li><a class="sideText" href="#">MIL-DTL-83723 III (M83723/66-M83723/98)</a></li>
</ul>
</li>
<li>
<P onclick="menuexpand('m4');return false;"><span class="sideTitle">IDENTIFICATION PRODUCTS </span><img name="pm4" width="7" height="7" align="baseline" id="pm4"></P>
<ul class="style3" id="m4">
<li><a class="sideText" href="../adapters and accessories/non-environmental adapters.html">HEAT SHRINK I.D. SLEEVES</a></li>
<li><a class="sideText" href="../adapters and accessories/environmental adapters.html">THERMAL TRANSFER LABELS</a></li>
<li><a class="sideText" href="../adapters and accessories/emi-rfi non-environmental adapters.html">PRE-PRINTED WIRE MARKERS</a></li>
<li><a class="sideText" href="../adapters and accessories/emi-rfi environmental adapters.html">LABEL PRINTERS</a></li>
</ul>
</li>
<li>
<P onclick="menuexpand('m5');return false;"><span class="sideTitle">SHRINK BOOTS & MOLDED SHAPES </span><img name="pm5" width="7" height="7" align="baseline" id="pm5"></P>
<ul class="style3" id="m5">
<li><a class="sideText" href="../adapters and accessories/non-environmental adapters.html">MS3109 SHRINK BOOTS</a></li>
<li><a class="sideText" href="../adapters and accessories/environmental adapters.html">MS3117 DHRINK BOOTS</a></li>
<li><a class="sideText" href="../adapters and accessories/emi-rfi non-environmental adapters.html">VG STYLE SHRINK BOOTS</a></li>
<li><a class="sideText" href="../adapters and accessories/emi-rfi environmental adapters.html">MOLDED SHAPES & TRANSITIONS</a></li>
</ul>
</li>
<li>
<P onclick="menuexpand('m6');return false;"><span class="sideTitle">MINIATURE CIRCULAR CONNECTORS </span><img name="pm6" width="7" height="7" align="baseline" id="pm6"></P>
<ul class="style3" id="m6">
<li><a class="sideText" href="../adapters and accessories/non-environmental adapters.html">MICROCOM CONNECTORS</a></li>
<li><a class="sideText" href="../adapters and accessories/environmental adapters.html">MINI-MICROCOM CONNECTORS</a></li>
</ul>
</li>
<li>
<P onclick="menuexpand('m7');return false;"><span class="sideTitle">MICRO-D CONNECTORS & BACKSHELLS </span><img name="pm7" width="7" height="7" align="baseline" id="pm7"></P>
<ul class="style3" id="m7">
<li><a class="sideText" href="../adapters and accessories/non-environmental adapters.html">MICRO-D CONNECTORS</a></li>
<li><a class="sideText" href="../adapters and accessories/environmental adapters.html">MICRO-D BACKSHELLS</a></li>
</ul>
</li>
</ul> </td>
</tr>
</table></td>
<td align="left" valign="bottom" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#393943"> <img src="../images/iso_logo.jpg" alt="iso_logo" width="80" height="80" /></td>
<td align="left" valign="bottom" bgcolor="#FFFFFF"><img src="../images/bottom_left_curve.jpg" width="133" height="120" /></td>
<td align="left" valign="bottom" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td colspan="3" rowspan="3" align="left" valign="top" bgcolor="#393943"> </td>
</tr>
<tr>
<td width="1372" align="center" valign="middle" bgcolor="#393943"><span class="bodyText">© COPYRIGHT 2010. COMPAERO, INC. ALL RIGHTS RESERVED.</span></td>
</tr>
<tr>
<td align="left" valign="middle" bgcolor="#393943"> </td>
</tr>
</table>
</body>Hopefully this is enough of the info for one of you all to solve my problem....if not I can give more of my coding.
THANKS!!!!!!!!!!!!!!!
Susan
