mouseover - how to...

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Bad_Kid

    mouseover - how to...

    I have text (in table cell) and 1 picture (in other table cell)
    is there a javascript that does this: when i move mouse over that cell with
    text -> picture get border (or some other effect, picture resizes, ...)??
    thnx!


  • Ivo

    #2
    Re: mouseover - how to...

    "Bad_Kid" <REMOVEzlocesto _dijete@yahoo.c o.uk> wrote in message
    news:cc0u88$nbd $1@bagan.srce.h r...[color=blue]
    > I have text (in table cell) and 1 picture (in other table cell)
    > is there a javascript that does this: when i move mouse over that cell[/color]
    with[color=blue]
    > text -> picture get border (or some other effect, picture resizes, ...)??
    > thnx![/color]

    For example:
    <table><tr>
    <td><a href=""
    onmouseover="do cument.images.p ic.border=1"
    onmouseout="doc ument.images.pi c.border=0"[color=blue]
    >text</a></td>[/color]
    <td><img id="pic" src="yourpic.gi f"></td>
    </tr></table>

    Modern browsers allow onmouseover and onmouseout to be set directly in the
    <td> opening tag, for older browsers you need to wrap the text in an <a> tag
    (which can be made to look like ordinary text) as shown above.
    HTH
    Ivo


    Comment

    • Grant Wagner

      #3
      Re: mouseover - how to...

      Bad_Kid wrote:
      [color=blue]
      > I have text (in table cell) and 1 picture (in other table cell)
      > is there a javascript that does this: when i move mouse over that cell with
      > text -> picture get border (or some other effect, picture resizes, ...)??
      > thnx![/color]

      Yes, there is Javascript that will do that.

      --
      | Grant Wagner <gwagner@agrico reunited.com>

      * Client-side Javascript and Netscape 4 DOM Reference available at:
      *


      * Internet Explorer DOM Reference available at:
      *
      Find official documentation, practical know-how, and expert guidance for builders working and troubleshooting in Microsoft products.


      * Netscape 6/7 DOM Reference available at:
      * http://www.mozilla.org/docs/dom/domref/
      * Tips for upgrading JavaScript for Netscape 7 / Mozilla
      * http://www.mozilla.org/docs/web-deve...upgrade_2.html


      Comment

      Working...