javascript - Nav-bar not expanding after being collapsed? -

-

in simple expand/collapse navbar made, second navbar not re-expand once collapsed, though first 1 works fine. once collapse second section, stays collapsed , not expand, though first section continues work fine, expanding , collapsing thanks, appreciated.

here code below:

<script>     var currentsec;     var currentmenu;     var currentlink;     function change(sec, state) {         currentsec = "sec-"+sec;         currentmenu = "menu-"+sec;         currentlink = "link-"+sec;         if (state == 0) {             document.getelementbyid(currentsec).src = "http://www.pirates-online-rewritten.com/images/collapsed.gif";             document.getelementbyid(currentmenu).style.display = "none";             document.getelementbyid(currentlink).href = "javascript:change("+sec+", 1)";         }         else {             document.getelementbyid(currentsec).src = "http://www.pirates-online-rewritten.com/images/expanded.gif";             document.getelementbyid(currentmenu).style.display = "inline";             document.getelementbyid(currentlink).href = "javascript:change("+sec+", 0)";         }      } </script> <div class="sdmenu" style="visibility:visible">     <span class="title" id="community"><img src="http://www.pirates-online-rewritten.com/images/clear.gif" class="menuspacer" width="131" height="15" alt="pirates community" /><a href="javascript:change(1, 0)" id="link-1"><img src="http://www.pirates-online-rewritten.com/images/expanded.gif" class="arrow" alt="close menu" id="sec-1"/></a></span>         <div id="navbar"><div class="submenu" id="menu-1">         <a id="link-1" >test1</a>         <a id="link-2" >test2</a>         <a id="link-3" >test3</a>         <a id="link-4" >test4</a>         <a href="javascript:void(null)"></a>         <span class="menubottom" id="menubottom">                 <img src="http://www.pirates-online-rewritten.com/images/boxbot.gif" alt="-" />         </span>      </div>         <span class="title" id="community">             <img src="http://www.pirates-online-rewritten.com/images/clear.gif" class="menuspacer" width="131" height="15" alt="pirates community" />                 <a href="javascript:change(2, 0)" id="link-2"><img src="http://www.pirates-online-rewritten.com/images/expanded.gif" class="arrow" alt="close menu" id="sec-2"/></a>             </span>         <div id="navbar-2">             <div class="submenu" id="menu-2">                 <a id="link-5" >test5</a>                 <a id="link-6" >test6</a>                 <a id="link-7" >test7</a>                 <a id="link-8" >test8</a>                 <a href="javascript:void(null)"></a>                 <span class="menubottom" id="menubottom">                     <img src="http://www.pirates-online-rewritten.com/images/boxbot.gif" alt="-" />                 </span>             </div>         </div>

the problem using id link-1 more once; , please check if open , closing divs matching.

i changed function this:

function change(sec, state) {     console.log('change(sec, state)', sec, state);     var section = document.getelementbyid("sec-"+sec);     var menu = document.getelementbyid("menu-"+sec);     var menulink  = document.getelementbyid("menulink-"+sec); // <-- new menulink     if (state == 0) {         section.src = "collapsed.gif";         menu.style.display = "none";         menulink.href = "javascript:change("+sec+", 1)";     }     else {         section.src = "expanded.gif";         menu.style.display = "inline";         menulink.href = "javascript:change("+sec+", 0)";     } }

and matching html. instead of link-1 used menulink-1 since link-1 in use element.

<span class="title" id="community">   <img  src="clear.gif" class="menuspacer" width="131" height="15" alt="foo" />   <a  href="javascript:change(1, 0)" id="menulink-1">       <img  src="expanded.gif" class="arrow" alt="close menu" id="sec-1"/>    </a> </span>

you have same menulink-2

this full html nesting of open , closing of divs matches:

<div class="sdmenu" style="visibility:visible">     <span class="title" id="community1">     <img  src="clear.gif" class="menuspacer" width="131" height="15" alt="foo" />     <a  href="javascript:change(1, 0)" id="menulink-1">        <img  src="expanded.gif" class="arrow" alt="close menu" id="sec-1"/>     </a>     </span>     <div id="navbar">       <div class="submenu" id="menu-1">         <a id="link-1">m1.1</a>         <a id="link-2">m1.2</a>         <a id="link-3">m1.3</a>       </div>     </div>     <span class="title" id="community2">      <img src="clear.gif" class="menuspacer" width="131" height="15" alt="foo" />      <a href="javascript:change(2, 0)" id="menulink-2">        <img src="expanded.gif" class="arrow" alt="close menu" id="sec-2"/>      </a>     </span>     <div id="navbar-2">         <div class="submenu" id="menu-2">             <a id="link-5">m2.5</a>             <a id="link-6">m2.6</a>             <a id="link-7">m2.7</a>         </div>     </div> </div>

Comments

Post a Comment

Popular posts from this blog

c# - Unity IoC Lifetime per HttpRequest for UserStore -

-
i'm trying clean default implementation of accountcontroller.cs comes out of box in new mvc5/owin security implementation. have modified constructor this: private usermanager<applicationuser> usermanager; public accountcontroller(usermanager<applicationuser> usermanager) { this.usermanager = usermanager; } also, have created lifetime manager unity looks this: public class httpcontextlifetimemanager<t> : lifetimemanager, idisposable { private httpcontextbase _context = null; public httpcontextlifetimemanager() { _context = new httpcontextwrapper(httpcontext.current); } public httpcontextlifetimemanager(httpcontextbase context) { if (context == null) throw new argumentnullexception("context"); _context = context; } public void dispose() { this.removevalue(); } public override object get...
Read more

Change the color of an oval at click in Java AWT -

-
i have draw ovals in java, , @ click change color. beginning tried change color after 20 ms, doesn't work. my code is: public class mycomponentnew extends frame { public graphics2d g2d; public mycomponentnew(string title) { super(title); setsize(400, 550); } @override public void paint(graphics g) { this.g2d = (graphics2d) g; this.g2d.setcolor(color.red); this.g2d.filloval(10, 55, 50, 100); } public void changecolor () { this.g2d.setcolor(color.blue); this.g2d.filloval(10, 55, 50, 100); } } and in class main method have: mycomponentnew m; m = new mycomponentnew("fereastra cu baloane"); m.setvisible(true); m.addwindowlistener(new windowadapter() { @override public void windowclosing(windowevent we) { system.exit(0); } }); try { thread.sleep(20); } catch(interruptedexception e) {} m.changecolor(); the color of oval remains red. ...
Read more

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -

-
i writing program in fortran find velocity of parachuting person in relation time. keep getting error can't fix. new programming , appreciated. the error is v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) 1 error: incompatible ranks 0 , 1 in assignment @ (1) and program is program para integer :: real :: v(11) !velocity real :: q !initial velocity real :: h !time step real :: c !drag coefficient real :: m !mass ! gravity equal 32 ft/s^2 write (*,*)'enter time step' read(*,*)h write(*,*)'enter initial velocity' read(*,*)q write(*,*)'enter drag coefficient' read(*,*)c write(*,*)'enter mass' read(*,*)m i=1,10 ! 1 10, 1 being interval. end v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) q=v(1) end program you cannot use [] normal parenthesis in expressions. array constructor, [ items ] means array items elements. end do should after line.
Read more