PDA

Click to See Complete Forum and Search --> : javascript menu inside included page does not work

stevenbali
03-18-2003, 09:03 PM
I have added a javascript pulldown menu inside a page header, and there it works fine when it is a page on its own. Trouble is, when I include the page header inside another page, the menu is just a column of text.
AdamBrill
03-18-2003, 10:14 PM
Maybe you could post your code? ;)
stevenbali
03-19-2003, 12:07 AM
Thanks Adam

First page (the Page header to be included)


**********************************************
Second Page (default to hold page header)


*****************************************

Please note this default page includes a second includes for the footer.
:D
AdamBrill
03-19-2003, 07:34 AM
Ok, try this page. I think it should work for you. Make sure you have the correct path for both the external .js and the .css. It should work after you do that. ;)
stevenbali
03-19-2003, 06:15 PM
Thanks, Adam. That does work. But two problems.

First, my (unfortunately unstated) objective was to have the drop down menu in the includes page so I don't have to paste it everywhere, just once.

The second problem is that, even if I leave well enough alone, I get a huge gap between the end of the included page header and the menu bar. Have tried using <BODY topMargin=0 leftMargin=2 bottomMargin=0> on both page header and default, but no success.

Can you please help with either of these?

Code included as attachment.
:confused:
AdamBrill
03-19-2003, 06:41 PM
Ok, in this line:

<!--webbot bot="Include" U-Include="page_header.htm" TAG="BODY" --><p>&nbsp;</p>

change it to just:

<!--webbot bot="Include" U-Include="page_header.htm" TAG="BODY" -->

and the space will be gone. ;) There was a paragraph in there, which was making the space. As for the other problem, I would put this part in another page:

<DIV Id="menuBar" class="menuBar" >
<DIV Id="Bar1" class="Bar" menu="menu8"><font color="#FFFFFF">Home</font></DIV>
<DIV Id="Bar2" class="Bar" menu="menu1"><font color="#FFFFFF">About BRG</font></DIV>
<DIV Id="Bar3" class="Bar" menu="menu2"><font color="#FFFFFF">Victim Support</font></DIV>
<DIV Id="Bar4" class="Bar" menu="menu10"><font color="#FFFFFF">Emergencies</font></DIV>
<DIV Id="Bar5" class="Bar" menu="menu9"><font color="#FFFFFF">Volunteers</font></DIV>
<DIV Id="Bar6" class="Bar" menu="menu3"><font color="#FFFFFF">Donors</font></DIV>
<DIV Id="Bar7" class="Bar" menu="menu4"><font color="#FFFFFF">Members</font></DIV>
</DIV>
<!--MenuItem Definition -->
<div Id="menu1" class="menu" >
<div Id="menuItem1_1" class="menuItem" title="About BRG" cmd="../about_brg.htm">About BRG</div>
<div Id="menuItem1_2" class="menuItem" title="About BRG" cmd="../brg_members.htm">BRG Registrations</div>
<div Id="menuItem1_3" class="menuItem" title="Contact Us" cmd="../contact_us.htm">Contact Us</div>
</div>
<div Id="menu2" class="menu">
<div Id="menuItem2_1" class="menuItem" title="Strategy" cmd="../strategy.htm">Strategy</div>
<div Id="menuItem2_2" class="menuItem">Dimensions</div>
<div Id="menuItem2_3" class="menuItem" menu="menu5">Performance</div>
<div Id="menuItem2_4" class="menuItem">Projects</div>
<div Id="menuItem2_5" class="menuItem">Case Studies</div>
</div>
<div Id="menu3" class="menu">
<div Id="menuItem3_1" class="menuItem" title="Current Donors" cmd="../donors.htm">Current Donors</div>
<div Id="menuItem3_2" class="menuItem">Donations</div>
</div>
<div Id="menu4" class="menu">
<div Id="menuItem4_1" class="menuItem" title="Data Associates" cmd="../datassoc/data_associates.htm">Data Associates</div>
<div Id="menuItem4_2" class="menuItem" title="Data Affiliates" cmd="http://www.wdvl.com">Data Affiliates</div>
<div Id="menuItem4_3" class="menuItem" title="Data Directors" cmd="http://www.wdvl.com">Data Directors</div>
<div Id="menuItem4_4" class="menuItem" title="Public" cmd="http://www.wdvl.com">Public</div>
</div>
<div id="menu5" class="menu">
<div Id="menuItem5_1" class="menuItem">Financial</div>
<div Id="menuItem5_2" class="menuItem">Medical</div>
<div Id="menuItem5_3" class="menuItem">Stage 2</div>
</div>
<div id="menu8" class="menu">
<div Id="menuItem8_1" class="menuItem" title="Home" cmd="../default.htm">Home</div>
</div>
<div id="menu9" class="menu">
<div Id="menuItem9_1" class="menuItem">General</div>
<div Id="menuItem9_2" class="menuItem">Registration</div>
</div>
<div id="menu10" class="menu">
<div Id="menuItem10_1" class="menuItem">General</div>
<div Id="menuItem10_2" class="menuItem">Prevention</div>
<div Id="menuItem10_3" class="menuItem">Preparation</div>
<div Id="menuItem10_4" class="menuItem">Management</div>
<div Id="menuItem10_5" class="menuItem">Relief</div>
</div>
<!-- End of Menu -->And then put it in there the same you did the other one. Like this:

<!--webbot bot="Include" U-Include="page_header2.htm" TAG="BODY" -->

Remember to put the <html> tags, <body> tags, etc. into the new page and to change page_header2.htm to the name of the new file. I think that will work for you. Let me know if you have any more problems... :)
stevenbali
03-19-2003, 10:42 PM
Many, many thanks, Adam. it now works fine and I understand the logic behind it as well. Couldn't be happier!!