Forum Moderators: not2easy

Message Too Old, No Replies

rollovers and frames

         

shine

5:26 pm on Feb 16, 2004 (gmt 0)

10+ Year Member



a website has a frameset with 2 frames. one above and one below. the one above has the navigational system: a series of buttons which use "normal" (or mouseout), and "over" (or mouseover) rollover states. each button in the upper frame has a link to a page within the site. upon clicking a button in the upper frame, a new page loads in the lower frame. when the new page loads below, the button above should maintain it's "over" state. (in other words, the button that says "contact" (for example) should stay highlighted (or in it's "over" state) when the contact page(s) loads into the bottom frame (even though the users mouse is not over it any longer - so that the user can see where he is in the website). is there an action(goLive6)/ or code that can be applied to do this?

a sample button code is as follows:

<a onmouseover="changeImages( /*CMP*/'bttn_cont',/*URL*/'../dina_media/bttncont2_S.gif');return true" onmouseout="changeImages( /*CMP*/'bttn_cont',/*URL*/'../dina_media/bttncont1_S.gif');return true" href="cont_hm_S.html" class="pic" target="dina_page"><img class="pic" src="../dina_media/bttncont1_S.gif" alt="Contacto" name="bttn_cont" height="26" width="64" border="0"></a>

korkus2000

6:16 pm on Feb 16, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



There can be code but it will be a doosy. What you are asking for will be a lot of javascript to get it crossbrowser and integrate with the golive stuff you already have. You will need to change the mouse out function to test what is in the frame, or trap the click event on the link to set variables to keep track of what is going on.

I suggest not keeping it as the mouseover. It will get confusing if I see mousovers and the page im on look the same. It will make new users think your JS is broken.

shine

6:59 pm on Feb 16, 2004 (gmt 0)

10+ Year Member



hmmm... thanx korkus2000... do you think there is a way to do this with css and lvha?

shine

10:30 am on Feb 17, 2004 (gmt 0)

10+ Year Member



back again... you're absolutely right korkus2000, it doesn't make sense to use the mouseover...
it would probably be better to maintain a mousedown (in otherwords a 3rd color).
is there a way to do this? (maintain the mousedown state after the mouseup - until the user clicks on another navigational button - thus returning the button in the mousedown state to its mouseout state)
complicated?

the button code at the moment with mouseout/over/down/up:

<a onmousedown="changeImages( /*CMP*/'bttncon1',/*URL*/'../dina_media/bttncont3_S.gif');return true" onmouseup="changeImages( /*CMP*/'bttncon1',/*URL*/'../dina_media/bttncont2_S.gif');return true" onmouseover="changeImages( /*CMP*/'bttncon1',/*URL*/'../dina_media/bttncont2_S.gif');return true" onmouseout="changeImages( /*CMP*/'bttncon1',/*URL*/'../dina_media/bttncont1_S.gif');return true" href="cont_hm_S.html" class="pic" target="dina_page"><img class="pic" src="../dina_media/bttncont1_S.gif" alt="Contacto" name="bttncon1" height="26" width="64" border="0"></a>