G
Guest
The follwing code in SECTION A comes from a flyout menu that was
created in Dreamweaver.
I added a div tag to one of the items in there because I would like to
control when it is displayed. <div id="RenewCoverage"> is what I
added.
It appears that I can't simply use a function like in SECTION B
because of the way the dynamic menu is called.
Any body familiar with dreamweaver flyouts and know how I can control
which menu items are displayed based on values i will assign in hidden
textboxes?
Any help would be appreciated.
7078895
/ra
SECTION A
---------------------------------
<div id="p7TBtrig10" style="position:absolute; left: 0px; top: 66px;
width: 110px; z-index: 500; visibility: visible"><a
href="javascript:;" onMouseOver="P7_trigMM2('p7TBim10')"><img
src="../images/Nav01.gif" alt="menu 1" name="p7TBim10" id="p7TBim10"
width="110" height="21" border="0"></a></div>
<div id="p7TBsub10" class="p7tbsub" style="position:absolute; left:
108px; top: 61px; width: 166px; z-index: 400; visibility: hidden">
<p><a href="../about/index.asp">Who is AANA Insurance?</a></p>
<p><a href="../about/index.asp">Quarterly Agency Update</a></p>
<p><a href="../about/index.asp">Other Insurance</a></p>
<p><a href="../about/contact.asp">Contact Information</a></p>
</div>
<div id="p7TBtrig20" style="position:absolute; left: 0px; top: 87px;
width: 110px; z-index: 500; visibility: visible"><a
href="javascript:;" onMouseOver="P7_trigMM2('p7TBim20')"><img
src="../images/Nav02.gif" alt="menu 2" name="p7TBim20" id="p7TBim20"
width="110" height="21" border="0"></a></div>
<div id="p7TBsub20" class="p7tbsub" style="position:absolute; left:
108px; top: 77px; width: 164px; z-index: 400; visibility: hidden">
<p><a href="../webforms/policyinformation.aspx?Function=PolicyInformation">Policy
Information</a></p>
<div id="RenewCoverage">
<p><a href="../webforms/applicantinformation.aspx?Function=RenewCoverage">Renew
Coverage</a></p>
</div>
<p><a href="../webforms/policyrenewalresults.aspx?Function=PayforRenewal">Pay
for Renewal</a></p>
<p><a href="#">View Policy Documents</a></p>
<p> <a
href="../webforms/policydocuments.aspx?Function=ViewCurrentPolicyDocuments">Current
Policy</a></p>
<p> <a
href="../webforms/policydocuments.aspx?Function=ViewRenewalPolicyDocuments">Renewal
Policy</a></p>
<p><a href="#">Make a Change</a></p>
<p><a href="#">Report a Claim</a></p>
</div>
---------------------------------------------------------------------
SECTION B
--------------------------
function hideRenew()
{
var renewTextboxValue = document.getElementById('txtRenew').value;
var renewMenuItem = document.getElementById('RenewCoverage');
if (renewTextboxValue == 'hide') {
renewMenuItem.style.display = 'none'}
else {
renewMenuItem.style.display = '';
}
}
created in Dreamweaver.
I added a div tag to one of the items in there because I would like to
control when it is displayed. <div id="RenewCoverage"> is what I
added.
It appears that I can't simply use a function like in SECTION B
because of the way the dynamic menu is called.
Any body familiar with dreamweaver flyouts and know how I can control
which menu items are displayed based on values i will assign in hidden
textboxes?
Any help would be appreciated.
7078895
/ra
SECTION A
---------------------------------
<div id="p7TBtrig10" style="position:absolute; left: 0px; top: 66px;
width: 110px; z-index: 500; visibility: visible"><a
href="javascript:;" onMouseOver="P7_trigMM2('p7TBim10')"><img
src="../images/Nav01.gif" alt="menu 1" name="p7TBim10" id="p7TBim10"
width="110" height="21" border="0"></a></div>
<div id="p7TBsub10" class="p7tbsub" style="position:absolute; left:
108px; top: 61px; width: 166px; z-index: 400; visibility: hidden">
<p><a href="../about/index.asp">Who is AANA Insurance?</a></p>
<p><a href="../about/index.asp">Quarterly Agency Update</a></p>
<p><a href="../about/index.asp">Other Insurance</a></p>
<p><a href="../about/contact.asp">Contact Information</a></p>
</div>
<div id="p7TBtrig20" style="position:absolute; left: 0px; top: 87px;
width: 110px; z-index: 500; visibility: visible"><a
href="javascript:;" onMouseOver="P7_trigMM2('p7TBim20')"><img
src="../images/Nav02.gif" alt="menu 2" name="p7TBim20" id="p7TBim20"
width="110" height="21" border="0"></a></div>
<div id="p7TBsub20" class="p7tbsub" style="position:absolute; left:
108px; top: 77px; width: 164px; z-index: 400; visibility: hidden">
<p><a href="../webforms/policyinformation.aspx?Function=PolicyInformation">Policy
Information</a></p>
<div id="RenewCoverage">
<p><a href="../webforms/applicantinformation.aspx?Function=RenewCoverage">Renew
Coverage</a></p>
</div>
<p><a href="../webforms/policyrenewalresults.aspx?Function=PayforRenewal">Pay
for Renewal</a></p>
<p><a href="#">View Policy Documents</a></p>
<p> <a
href="../webforms/policydocuments.aspx?Function=ViewCurrentPolicyDocuments">Current
Policy</a></p>
<p> <a
href="../webforms/policydocuments.aspx?Function=ViewRenewalPolicyDocuments">Renewal
Policy</a></p>
<p><a href="#">Make a Change</a></p>
<p><a href="#">Report a Claim</a></p>
</div>
---------------------------------------------------------------------
SECTION B
--------------------------
function hideRenew()
{
var renewTextboxValue = document.getElementById('txtRenew').value;
var renewMenuItem = document.getElementById('RenewCoverage');
if (renewTextboxValue == 'hide') {
renewMenuItem.style.display = 'none'}
else {
renewMenuItem.style.display = '';
}
}