JavaScript → Tips and Tutorials → Mouse Tricks

Getting the mouse position

This article shows a simple script to obtain the mouse position from an event. The script will work all modern browsers and most older browsers too.

• Platforms
  • Linux,
  • Windows,
  • FreeBSD,
  • Mac OSX,
  • Sun Solaris
• Licenses
  • Freeware

Table Row and Column Highlighting

Create horizontal and vertical highlighting on your HTML tables. Highlighting is activated when the mouse hovers over a table cell.

• Platforms
  • Linux
• Licenses
  • Commercial License,
  • Free for non-commercial use

Javascript Disable Right Click

If you have quality content on your webpage and want to prevent people stealing your resources, you can add this script to disable the right-mouse click.

• Platforms
  • Linux,
  • Windows,
  • FreeBSD,
  • Mac OSX,
  • Sun Solaris
• Licenses
  • Other Free / Open Source License

eLouai''s Drag and Drop script

An extremly simple and useful script for implementing a cross browser drag and drop game (IE 4+, NN 6+, Firefox). Place code in the header and simply append all images that are draggable with the class name (class=&"dragme&"). That&...

• Platforms
  • Linux,
  • Windows,
  • FreeBSD,
  • Mac OSX,
  • Sun Solaris
• Licenses
  • Freeware

mouse events

Mouse-events.html is a template for handling three basic mouse events: Moving, pressing down on a button, and releasing the button. It works in IE 5+ and should also work in NS 6+. When used in conjunction with DHTML, this can be used to create drag ...

• Platforms
  • Linux
• Licenses
  • Freeware

Table Cell Background Hover With CSS and Javascript

Learn how to make your cell background colors change when your mouse is pointed over it.

• Platforms
  • Linux
• Licenses
  • Freeware

Simple ChalkBoard Example

Extremely simple example of turning background colors of the cells of the table on and off with mouse events to simulate a chalkboard. You can add more rows and columns.

• Platforms
  • Linux
• Licenses
  • Freeware

Universal JavaScript Rollovers

This comprehensive tutorial explains various implementations of JavaScript rollovers. It discusses: How to use the document.images object, How to make your rollovers backward compatible, How to create an instance of the Image object, How to combine s...

• Platforms
  • Linux
• Licenses
  • Freeware