Hi Friends,
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="simpletest.aspx.cs" Inherits="simpletest" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<script language="javascript" type="text/javascript">
function checkListItem(pEvent) {
document.getElementById("dvDdlValue").style.display = 'block';
var title = document.getElementById("ddlCheckItem").value;
document.getElementById("dvDdlValue").innerHTML = title;
var dom = (document.getElementById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true : false;
var standardbody = (document.compatMode == "CSS1Compat") ? document.documentElement : document.body
var mouseY = (ns5) ? pEvent.pageY : window.event.clientY + standardbody.scrollTop;
document.getElementById("dvDdlValue").style.position = "absolute";
document.getElementById("dvDdlValue").style.top = (mouseY - 20) + "px";
document.getElementById("dvDdlValue").style.left = "200px";
var w = document.myform.mylist.selectedIndex;
var selected_text = document.myform.mylist.options[w].text;
}
function funMouseout() {
document.getElementById("dvDdlValue").style.display = 'none';
}
</script>
<body>
<form id="form1" runat="server">
<div style="position:relative;">
<asp:DropDownList ID="ddlCheckItem" runat="server" Width="200"
Onmouseover="checkListItem(event);" onmouseout="funMouseout()" >
<asp:ListItem Value="First">I</asp:ListItem>
<asp:ListItem Value="Second">II</asp:ListItem>
<asp:ListItem Value="Third">III</asp:ListItem>
<asp:ListItem Value="Fourth">VI</asp:ListItem>
</asp:DropDownList>
<div id="dvDdlValue" style="display:none; position: absolute; border-style: solid; background-color: white;
padding:5px"></div>
</div>
</form>
</body>
</html>
Problem is:
the onmouseover function working on 'dropdown items list', But it can't working in IE or Chrome.
Plz help me...