PDA

View Full Version : AnyLink dropDown Menu



Oakse
03-25-2007, 09:49 AM
1) Script Title: AnyLink Drop Down Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem: I have 4 menus in a horizontal menu that use the script. If I select the second one that path is remembered when I go to the next.
This is only stored locally at the moment.
EG if I select file:///C:/Scas_Archive_Zavone/SCAS%20Website%2007/CoCurriculum/sport.htm
then any menu I go to after this takes the CoCurriculm folder as part of the default path (And then does not find the page)
file:///C:/Scas_Archive_Zavone/SCAS%20Website%2007/CoCurriculum/About/Prospectus.htm
Basically it should leave out CoCurriculum and go to the About folder.

Details: These are my menus in the code
<li id="first"><a href="index.htm" onClick="return dropdownmenu(this, event, menu1, '200px')" onMouseout="delayhidemenu()">About SCAS</a></li>
<li><a href="../Curriculum/CurriculumJunior.htm">Junior School</a></li>
<li><a href="../Curriculum/CurriculumMiddle.htm">Middle School</a></li>
<li><a href="../Curriculum/CurriculumSecondary.htm">Secondary School</a></li>
<li><a href="index.htm" onClick="return dropdownmenu(this, event, menu2, '200px')" onMouseout="delayhidemenu()">Co-Curricular</a></li>
<li><a href="index.htm" onClick="return dropdownmenu(this, event, menu3, '200px')" onMouseout="delayhidemenu()">Parents</a></li>
<li><a href="../CoCurriculum/pastoralCare.htm">Pastoral Care</a></li>
<li><a href="../Curriculum/kla.htm">Faculties</a></li>
<li><a href="index.htm" onClick="return dropdownmenu(this, event, menu4, '200px')" onMouseout="delayhidemenu()">General Information</a></li>

These are my arrays
//About SCAS
var menu1=new Array()
menu1[0]='<a href="About/Background.htm">Background</a>'
menu1[1]='<a href="About/Mission.htm">Mission</a>'
menu1[2]='<a href="About/Prospectus.htm">Prospectus</a>'
menu1[3]='<a href="About/staff.htm">Staff</a>'
menu1[4]='<a href="FindUs/Location.htm">Find Us</a>'
menu1[5]='<a href="FindUs/faq.htm"> FAQ </a>'

var menu2=new Array()
menu2[0]='<a href="http://web.mac.com/mirrorbaydigital/iWeb/SCAS%20Creative%20Arts/Creative%20Arts%20%40%20SCAS.html">Creative Arts</a>'
menu2[1]='<a href="CoCurriculum/outdoorEd.htm">Duke Of Edinburgh</a>'
menu2[2]='<a href="CoCurriculum/sport.htm">Sport</a>'
menu2[3]='<a href="CoCurriculum/pastoralCare.htm">Pastoral Care</a>'
menu2[4]='<a href="CoCurriculum/library.htm">Library</a>'

//parents
var menu3=new Array()
menu3[0]='<a href="Parents/ScheduleFees.htm">Schedule of Fees</a>'
menu3[1]='<a href="Parents/VolunteerDeclaration.htm">Volunteer Declaration</a>'
menu3[2]='<a href="Parents/termDates.htm">Term Dates</a>'
menu3[3]='<a href="#">Newsletters</a>'
menu3[4]='<a href="http://202.43.234.201/notes/">Student Permission Notes</a>'
menu3[5]='<a href="Parents/calendar.htm">Calandar</a>'

//General Information
var menu4=new Array()
menu4[0]='<a href="GeneralInformation/ExpoWeek.htm">Expo Week</a>'
menu4[1]='<a href="Employment/positions.htm">Positions Vacant</a>'
menu4[2]='<a href="images/siteImages/TVPromo.mpeg" >TV Promo</a>'
menu4[3]='<a href="GeneralInformation/SchContacts.htm">School Contacts</a>'
menu4[4]='<a href="GeneralInformation/Uniforms.htm">Uniforms</a>'
menu4[5]='<a href="GeneralInformation/Scholarships.htm">Academic Scholarships</a>'
menu4[6]='<a href="GeneralInformation/canteen.htm">Canteen</a>'
menu4[7]='<a href="GeneralInformation/pf.htm">P & F Association</a>'

Any help is much appreciated as after I select the first menu it carries that path to all other menu selections.

Many thanks

jscheuer1
03-25-2007, 03:43 PM
Use the absolute path in the href attribute for all links and for all instances of the menu. Example absolute path:


http://www.somedomain.com/somefolder/somepage.htm