Display details on mouse over

vikaspa · 03-18-2004, 01:14 PM

I have customer master

name and address is stored in name
When user wish to search a customer list is displayed on web page

I wish to display address of the customer on mouse over event

Can I do it using Java Script ?
Or
Suggest any other scipting language

Please infporm me

Thanking you in advance
With regards
Vikas AThavale

requestcode · 03-18-2004, 01:33 PM

Using Tooltips might do the trick. Here is a link to an excellent one:
http://www.bosrup.com/web/overlib/

Also here:
http://www.javascriptkit.com/
http://www.dynamicdrive.com/

Vladdy · 03-18-2004, 01:53 PM

In this particular case, something like this would be a better choice:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb">
<head>
<title>Supplemental Info Popup</title>
<style type="text/css">
li
  { behavior: url('IEFixes.htc');
  }

body
  { font-family: Arial, sans-serif;
  }

li div
  { position: absolute;
    display: none;
    border: solid #000 1px;
    background: #fff;
    margin: 0.5em 0px 0px -2ex;
  }

li>div
  { margin: -0.5em 0px 0px 2ex;
  }

li:hover div, li.hover div
  { display: block;
  }
</style>
</head>

<body>
<ul>
  <li>Dave <div>Here is Dave's address</div></li>
  <li>Bob <div>Here is Bob's address</div></li>
</ul>
</body>
</html>

(see this page about: IEFixes.htc: www.vladdy.net/Demos/IEPseudoClassesFix.html )

If you do decide to go with title attribute, here is a script that degrades to the default presentation when javascript is unavailable and does not require polluting HTML with endless onmouseovers and onmouseouts:
www.klproductions.com/kltooltips.html