...

View Full Version : 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:


<!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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum