<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:o = "urn:schemas-microsoft-com:office:office"><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.2900.2523" name=GENERATOR></HEAD>
<BODY>
<DIV dir=ltr align=left><SPAN class=952444216-07012005><FONT face=Arial
size=2>I'm modifying some javascript for a navigation bar. The main
navigation is okay, but when you roll over the buttons it shows an
additional line with more options..Great. However, one button (Human
Resources- Subglobal3) has numerous links that wraps around and creates two
lines of additional links. The problem is that I cannot click on the
second line of links. The line actually goes away when I roll over
the line. </FONT></SPAN></DIV>
<DIV><SPAN class=952444216-07012005><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=952444216-07012005><FONT face=Arial size=2>Here is the actual
code - it's an intranet site so I can't actually show you the page, but I'll
attach another document that uses the same code. <A
href="http://www.smnclassof1975.com/chris.cfm">http://www.smnclassof1975.com/chris.cfm</A></FONT></SPAN></DIV>
<DIV><SPAN class=952444216-07012005><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=952444216-07012005><FONT face=Arial size=2>Can someone help me
out in helping me figure out how to access line two if it
wraps?</FONT></SPAN></DIV>
<DIV><SPAN class=952444216-07012005><FONT face=Arial
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=952444216-07012005><FONT face=Arial size=2><script
type="text/javascript"><BR><!--<BR>var time = 3000;<BR>var numofitems =
10;</FONT></SPAN></DIV>
<DIV> </DIV>
<DIV><SPAN class=952444216-07012005><FONT face=Arial size=2>//menu
constructor<BR>function menu(allitems,thisitem,startstate){ <BR> callname=
"gl"+thisitem;<BR> divname="subglobal"+thisitem; <BR>
this.numberofmenuitems = 10;<BR> this.caller =
document.getElementById(callname);<BR> this.thediv =
document.getElementById(divname);<BR> this.thediv.style.visibility =
startstate;<BR>}</FONT></SPAN></DIV>
<DIV> </DIV>
<DIV><SPAN class=952444216-07012005><FONT face=Arial size=2>//menu
methods<BR>function ehandler(event,theobj){<BR> for (var i=1; i<=
theobj.numberofmenuitems; i++){<BR> var shutdiv =eval(
"menuitem"+i+".thediv");<BR>
shutdiv.style.visibility="hidden";<BR> }<BR>
theobj.thediv.style.visibility="visible";<BR>}<BR> <BR>function
closesubnav(event){<BR> if ((event.clientY <48)||(event.clientY >
107)){<BR> for (var i=1; i<= numofitems;
i++){<BR> var shutdiv
=eval('menuitem'+i+'.thediv');<BR>
shutdiv.style.visibility='hidden';<BR> }<BR>
}<BR>}<BR>// --><BR></script></FONT></SPAN></DIV>
<DIV> </DIV><SPAN class=952444216-07012005><FONT face=Arial size=2>
<DIV><BR></head><BR><body onmousemove="closesubnav(event);">
<BR><div class="skipLinks">skip to: <a href="#content">page
content</a> | <a href="../pageNav">links on this page</a> |
<a href="#globalNav">site navigation</a> | <a
href="#siteInfo">footer (site information)</a> </div></DIV>
<DIV> </DIV>
<DIV><div id="masthead"> </DIV>
<DIV> </DIV>
<DIV> <h1 id="siteName">OPNet</h1> <BR> <div
id="globalNav"> <BR> <img alt=""
src="/Assets/Graphics/SiteWide/Navigation/gblnav_left.gif" height="32" width="4"
id="gnl"> <img alt=""
src="/Assets/Graphics/SiteWide/Navigation/glbnav_right.gif" height="32"
width="4" id="gnr"> <BR> <div id="globalLink">
<BR> <a href="CM_GB/index.cfm" id="gl1"
class="glink" onmouseover="ehandler(event,menuitem1);">City
Manager</a><BR> <a
href="Finance/Index.cfm" id="gl2" class="glink"
onmouseover="ehandler(event,menuitem2);">Finance</a><BR>
<a href="Human_Resources/index.cfm" id="gl3" class="glink"
onmouseover="ehandler(event,menuitem3);">Human
Resources</a><BR> <a href="IT/Index.cfm" id="gl4"
class="glink" onmouseover="ehandler(event,menuitem4);">Info
Tech</a><BR> <a href="Law_Courts/index.cfm" id="gl5"
class="glink"
onmouseover="ehandler(event,menuitem5);">Law/Court</a><BR>
<a href="Parks/Index.cfm" id="gl6" class="glink"
onmouseover="ehandler(event,menuitem6);">Parks</a><BR>
<a href="Planning/Index.cfm" id="gl7" class="glink"
onmouseover="ehandler(event,menuitem7);">Planning</a><BR>
<a href="#" id="gl8" class="glink"
onmouseover="ehandler(event,menuitem8);">Police</a> <BR>
<a href="Public_Works/index.cfm" id="gl9" class="glink"
onmouseover="ehandler(event,menuitem9);">Public
Works</a><BR> <a href="Fire/Index.cfm" id="g20"
class="glink"
onmouseover="ehandler(event,menuitem10);">Fire</a><BR>
</div> <BR> <!--end globalLinks--> <BR>
</div> <BR> <!-- end globalNav --> <BR> <div
id="subglobal1" class="subglobalNav"> <BR> <a
href="CM_GB/CM_Home.cfm">CM Home</a> | <BR> <a
href="CM_GB/GovBody/index.cfm">Gov Body Home</a> | <BR> <a
href="CM_GB/Staff/Index.cfm">Contacts</a> | <BR> <a
href="CM_GB/Policies/Index.cfm">OP Policies</a> | <BR> <a
href="CM_GB/Media_Relations/index.cfm">Media</a> | <BR> <a
href="CM_GB/Switchboard/index.cfm">Switchboard</a> | <BR> <a
href="CM_GB/Leadership/Index.cfm">Leadership Forum</a> <BR>
</div> <BR> <div id="subglobal2" class="subglobalNav">
<BR> <a
href="Finance/Contacts/Index.cfm">Contacts</a> | <BR> <a
href="Finance/Agendas/Index.cfm">Agendas</a> | <BR> <a
href="Finance/Minutes/Index.cfm">Meeting Minutes</a> | <BR> <a
href="Finance/Purchasing_Card/index.cfm">Purchasing</a> |
<BR> <a href="Finance/Travel/Index.cfm">Travel</a> |
<BR> <a href="Finance/Budget/Index.cfm">Budget</a> |
<BR> <a href="Office_Templates/index.cfm">Templates</a>
<BR> </div> <BR> <div id="subglobal3"
class="subglobalNav"> <BR> <a
href="Human_Resources/Contacts/Index.cfm">Contacts</a> |
<BR> <a
href="Human_Resources/Employment/Index.cfm">Employment</a> |
<BR> <a href="Human_Resources/Payroll/Index.cfm">Payroll</a> |
<BR> <a href="Human_Resources/Payroll/Self_Service.cfm">HR
Self-Service</a> | <BR> <a
href="Human_Resources/Benefits/Index.cfm">Benefits/Comp.</a> |
<BR> <a
href="Human_Resources/Retirement/Index.cfm">Retirement</a> |
<BR> <a href="Human_Resources/Safety/Index.cfm">Safety</a> |
<BR> <a href="Human_Resources/Training/Index.cfm">Training</a>
|<BR> <a href="Human_Resources/Events/Index.cfm">Events</a>
|<BR> <a href="Human_Resources/Programs/Index.cfm">Programs</a>
|<BR> <a href="Human_Resources/Handbook/Index.cfm">Handbook</a>
|<BR> <a href="Office_Templates/index.cfm">Templates</a>
|<BR> <a href="<A
href="mailto:werelist@opkansas.org">We're">mailto:werelist@opkansas.org">We're</A>
Listening</a><BR> </div> <BR></FONT></DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV> </DIV>
<DIV><FONT face=Arial size=2><script
type="text/javascript"><BR>
<!--<BR> var menuitem1 = new
menu(10,1,"hidden");<BR> var menuitem2 = new
menu(10,2,"hidden");<BR> var menuitem3 = new
menu(10,3,"hidden");<BR> var menuitem4 = new
menu(10,4,"hidden");<BR> var menuitem5 = new
menu(10,5,"hidden");<BR> var menuitem6 = new
menu(10,6,"hidden");<BR> var menuitem7 = new
menu(10,7,"hidden");<BR> var menuitem8 = new
menu(10,8,"hidden");<BR> var menuitem9 = new
menu(10,9,"hidden");<BR> var menuitem10 = new
menu(10,10,"hidden");<BR> <BR> //
--><BR> </script> <BR></FONT> </SPAN></DIV>
<DIV> </DIV>
<DIV class=Section1>
<P class=MsoAutoSig align=left><B style="mso-bidi-font-weight: normal"><SPAN
style="FONT-SIZE: 10pt; COLOR: maroon; FONT-FAMILY: 'Comic Sans MS'">Chris
Audano<BR></SPAN></B><SPAN
style="FONT-SIZE: 10pt; COLOR: maroon; FONT-FAMILY: 'Comic Sans MS'">City of
Overland Park<BR></SPAN><SPAN
style="FONT-SIZE: 10pt; COLOR: maroon; FONT-FAMILY: 'Comic Sans MS'">Information
Technology<BR></SPAN><SPAN
style="FONT-SIZE: 10pt; COLOR: maroon; FONT-FAMILY: 'Comic Sans MS'">913-895-6069<BR></SPAN><SPAN
style="FONT-SIZE: 10pt; COLOR: maroon; FONT-FAMILY: 'Comic Sans MS'">chris.audano@opkansas.org<o:p></o:p></SPAN></P>
<P class=MsoAutoSig><SPAN
style="FONT-SIZE: 10pt; COLOR: maroon; FONT-FAMILY: 'Comic Sans MS'"><o:p> </o:p></SPAN></P></DIV>
<DIV> </DIV></BODY></HTML>