SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    S1tepoint Surfer drochili's Avatar
    Join Date
    Aug 2002
    Location
    Mississauga, Canada
    Posts
    466
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Flickering onMouseOver / onMouseOut when filtering

    I have a simple question, I have a text in between <TD></TD> and I can filter it to make it glow onMouseOver and back to normal onMouseOut. The problem I have is that somehow when I move my mouse a bit near the text sometimes it flickers back and forth between glowing and not. I've tried putting them between <span> or <font> and still the same thing happens. Is there some solution I should know ? any help is greatly appreciated

    relevant code below

    thanks

    Darrick

    <html>
    <head>
    <style>
    .normal {font-family:arial; font-size:18pt}
    td {width:33.3%}
    </style>
    <script>

    function blurOthers(other, other2)
    {
    x = other + ".style.filter='alpha(opacity:20);'";
    eval(x);
    y = other2+ ".style.filter='alpha(opacity:20);'";
    eval(y);
    }

    function deBlur(other, other2)
    {
    x = other + ".style.filter=''";
    y = other2+ ".style.filter=''";
    eval(x);
    eval(y);
    }

    function highlight(cond)
    {
    x = cond + ".style.color='#FF8800'";
    eval(x);
    y = cond + ".style.filter='glow(color:#0000ff,strength:10);'";
    eval(y);
    }

    function deHighlight(cond)
    {
    x = cond + ".style.color='#000000'";
    y = cond + ".style.filter=''";
    eval (x);
    eval (y);
    }
    </script>
    </head>

    <body>

    <table width="600" cellpadding="5" cellspacing="5">
    <tr>
    <td name="who" id="who" style="cursor:crosshair; color:#000000" onClick=dispInfo('who'); onMouseOver="highlight('who'); blurOthers('vision','strategy');" onMouseOut="deHighlight('who'); deBlur('vision','strategy');"><font size="5">Who We Are</font></td>
    <td name="vision" id="vision" style="cursor:crosshair; color:#000000" onClick=dispInfo('vision'); onMouseOver="highlight('vision'); blurOthers('who','strategy');" onMouseOut="deHighlight('vision'); deBlur('who','strategy');"><font size="5">Our Vision</font></td>
    <td name="strategy" id="strategy" style="cursor:crosshair; color:#000000" onClick=dispInfo('strategy'); onMouseOver="highlight('strategy'); blurOthers('who','vision');" onMouseOut="deHighlight('strategy'); deBlur('who','vision');"><font size="5">Our Strategy</font></td>
    </tr>
    <tr>
    <td name="info" id="info" colspan="3" width="600" height="200">
    <center>Click on any of the three subheadings above to find out more about Crave</center>
    </td>
    </tr>
    <tr><td colspan="3" width="600"><center><font size="5">Win - Connect - Disciple - Send</font></center></td></tr>
    </table>
    </center>
    <font id="tester" name="tester" style="filter" onMouseOver="test();" onMouseOut="test2();">Click Here</font>


    </body>
    </html>

  2. #2
    SitePoint Addict psychedelic's Avatar
    Join Date
    Feb 2002
    Location
    Boston
    Posts
    284
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't know the answer, but personally these "flickering" text things are always just annoying and generally a design no-no when used all over the place.
    The Internet is prettier on a Mac.

  3. #3
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Its a style no-no
    Hello World


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •