Onmouseover problem..

Discussion in 'JavaScript' started by cloodo, Jun 30, 2006.

0
  1. #1
    G'day..

    It's 6:20am and I am determined not to go to bed before I find a fix for this issue I have with this 'Onmouseover' Issues.. I would really appreciate it if you could help me get some sleept.. :confused: So if you could help I

    I've created a table with mouseover events in the <td>. Here's a short version of the style and table:

    <style type="text/css">

    td.grey {background: #f1f1f1; padding-left:15px; text-decoration:none; font:11px Tahoma; color:#666699}
    td.white {background: #FFFFFF; padding-left:15px; text-decoration:none; font:bold 11px Tahoma; color:#FF9900}

    td.white1 {background: #FFFFFF; padding-left:15px; text-decoration:none; font:bold 11px Tahoma; color:#FF6600}
    </style>


    <table width="187" cellpadding="5">
    <tr>
    <td align="right" class="grey" onmouseover="this.className='white1', onmouseover=changetext(content[0])"><FONT style="FONT-SIZE:8pt" face="Tahoma">Introduction</FONT></td>
    </tr>
    <tr>
    <td align="right" class="grey" onmouseover="this.className='white1', onMouseover=changetext(content[1])"><FONT style="FONT-SIZE:8pt" face="Tahoma">Structuring</FONT></td>
    </tr>
    </table>

    The question:

    Can I have the 'Onmouseover' stay active until another 'Onmouseover' is fired in the table..??

    If so, what is the logic used to achieve it, for example, do I need to take out the 'Onmouseout' event and add some type of code to tell the 'Onmouseover' to cancel the previous onmouseover, or leave the 'Onmouseout' but just have a code to have it fired only when a new 'Onmouseover' is fired..???

    If you have the code.. please let me have it as I am pulling my hair here.:mad:

    Much appreciated
     
    cloodo, Jun 30, 2006 IP
  2. ahkip

    ahkip Prominent Member

    Messages:
    9,205
    Likes Received:
    647
    Best Answers:
    0
    Trophy Points:
    310
    #2
    you don't need onmouseout

    if you want to cancel the first onmouseover's action when user click on the second onmouseover, just add the code of the onmouseout at the top of the second onmouseover function

    i am quite confuse too. i don't really get your question, hope it help
     
    ahkip, Jun 30, 2006 IP
  3. cloodo

    cloodo Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks Ahkip..

    Unfortunately that did not work..

    I'll try to explain the problem less confusing way..

    When I 'Mouseover' an item in the table, the background turns white.. when I mouseout, the background return to its original style (grey).. I would like the 'Onmouseover' event to stay active (the background stay white) until another item is 'mouse-overed'..

    Example:

    Item 1: Onmouseover the background turns from grey to white;
    It stays white until:
    Item 2: Onmouseover the background turns white and 'Item 1' background returns to grey.

    does this help make it a bit clearer..??? Sorry I'm not very technical.

    Any ideas would be appreciated.

    Thanks again
     
    cloodo, Jun 30, 2006 IP