Web Analytics Made Easy -
StatCounter nested frame image rollovers? - CodingForum


No announcement yet.

nested frame image rollovers?

  • Filter
  • Time
  • Show
Clear All
new posts

  • nested frame image rollovers?


    what i have is a script that, when i have two frames and i pass my mouse over a text link in one, it causes an image rollover in the other. the specific script i've used is:


    Like a normal rollover is:

    <A href="blabla.html" onMouseover="rolloverimage.src='newimage.gif'" onMouseout="rolloverimage.src='normalimage.gif'">TEXT LINK</A>

    So, to do frames is:

    <a href="blabla.html" onMouseover="parent.framename.otherframerolloverimage.src='newimage.gif'" onMouseout="parent.framename.otherframerolloverimage.src='normalimage.gif'">TEXT LINK</A>


    however, i've restructuerd my site and now have nested frames, the text link being not of the same parent frameset as the images i want rolling over. can someone suggest simple changes to my existing script to make this work? perhaps something that will also work in NS4+ or NS at all, not just IE?

    thanks in advance for any help.


  • #2
    Try replacing the word parent with top.


    • #3
      Anything that you do with frames should work in NS and IE (As long as your code is correct)...

      Also, replacing parent with Top as JK suggested should work.. I think

      For further clarification - you may want to post your frameset code.. that'll help us help you



      • #4
        the first frame set is this:


        <frameset rows="*,70" frameborder="0" border="0">
        <frame src="./room_top.htm" frameborder="0" name="cmain">
        <frame src="./room_bar.htm" frameborder="0" scrolling="no">



        room_bar.htm is where the text links are. then, room_top.htm is where i have the next frameset:


        <frameset rows="50,*" frameborder="0" framespacing="0" border="0">
        <frameset cols="210,*" frameborder="0" framespacing="0" border="0">
        <frame src="./honey.htm" scrolling="no">
        <frame src="./room_men.htm" scrolling="no">

        <frame src="./room_mid.htm" name="mid">


        where room_mid.htm is where i have my images that i want rolling over. i did get that other frame javascript to work (see my first post), but then i nested the frames...

        in case anyone's curious (it won't help the scripting), my page is http://agspage.filetap.com - the frames above have cute little cartoon einsteins (room_mid.htm) in them. room_bar.htm is just the bottom nav bar, while room_top.htm is the next lot of frames, where: honey.htm is the sign "the honey pot"; and room_men.htm is the page that says "the einsteins represent the text links in the bottom frame".

        lke i said, looking at my web page isn't going to help with the coding (i can't see how it will, anyway) - but just incase anyone's curious at how it's all laid out.... :-)


        by the way, i haven't tried the top.framename. thing yet - too much uni, will try it soon...