Hello,
This is an urgent requirement, i am going to paste a piece of code.
Plz try to execute it, u will find a dropdown with two values "january" and
"februaryaasdasdasdasdasda
sdasdasdas
"
Now in the present code the functionality is ,a tool tip shws full value only when value is selected, NOw my problem is i shld not get htat tool tip separately instead when i select the dropdown, on mouse over of the second value "februaryaasdasdasdasdasda
sdasdasdas
" where i see only "februaryaasdasd.." . On mouse over the value shld expand there only ad shown that is wht i need. Hope u hve understood my problm.
thanks in advance for that
max
<html>
<head>
<STYLE>
/* This is for Netscape 4.0+ broswsers so that the border will display. If you want to modify the
background color this is where you would do it for NS4.0+. To modify the color for IE and NS6 do so
in the style tag in the div below
*/
.ttip {border:1px solid
black;font-size:12px;layer
-backgroun
d-color:li
ghtyellow;
background
-color:lig
htyellow}
</STYLE>
<script>
//Script created by Jim Young (
www.requestcode.com)
//Submitted to JavaScript Kit (
http://javascriptkit.com)
//Visit
http://javascriptkit.com for this script
//Set the tool tip message you want for each link here.
var tip=new Array
tip[0]='Visit Dynamic Drive<br> for DHTML Scripts!'
tip[1]='Visit JavaScript Kit for Great<br> Scripts, Tutorials and Forums!'
tip[2]='Visit Request Code for FREE JavaScripts!'
tip[3]='Click here for some excellent<br>Java applets and tutorials'
function showtip(current,e,num)
{
if(document.getElementById
) // Netscape 6.0+ and Internet Explorer 5.0+
{
var text =
document.all["selEndMonth"
].options[
document.a
ll["selEnd
Month"].se
lectedInde
x].text;
elm=document.getElementByI
d("tooltip
")
elml=current
elm.innerHTML=text
elm.style.height=elml.styl
e.height
elm.style.top=parseInt(elm
l.offsetTo
p+elml.off
setHeight)
elm.style.left=parseInt(el
ml.offsetL
eft+elml.o
ffsetWidth
+10)
elm.style.visibility = "visible"
}
}
function hidetip(){
if (document.layers) // Netscape 4.0+
{
document.tooltip.visibilit
y="hidden"
}
else
{
if(document.getElementById
) // Netscape 6.0+ and Internet Explorer 5.0+
{
elm.style.visibility="hidd
en"
}
}
}
</script>
</head>
<body>
<div id="tooltip" style="position:absolute;v
isibility:
hidden;bor
der:1px solid
black;font-size:12px;layer
-backgroun
d-color:li
ghtyellow;
background
-color:lig
htyellow;p
adding:1px
"></di
v>
<select style='height: 22px; width: 130px' name="selEndMonth"
onMouseOver="javascript:sh
owtip(this
,event,'Ja
nuary')">
<option value="january" selected>January</option>
<option value="february"selected>f
ebruaryaas
dasdasdasd
asdasdasda
sdas</opti
on>
</select>
</body>
</html>
Start Free Trial
