Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1072
  • Last Modified:

get click coordinates

i want to popup a <select> list when the user clicks an <a> link at the (x,y) position he clicks.  does a javascript have access to the coordinates of the input click?
0
blpotter
Asked:
blpotter
  • 2
1 Solution
 
jaysolomonCommented:
this want get the coords, but will display a select underneath the link

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function toggle(obj){
      var objID = document.getElementById(obj);
            objID.style.display = (objID.style.display == "none")?"":"none";
}
// -->
</script>
<style type="text/css">
<!--
div#links {
      position: absolute;
      top: 81px;
      left: 0px;
      width: 166px;
      height: 700px;
      font: 16px Verdana, sans-serif;
      z-index: 100;
}
div#links a {
      display: block;
      text-align: center;
      font: bold 1em sans-serif;
         padding: 5px 10px;
      margin: 0px 0px 1px;
      border-width: 0px;
         text-decoration: none;
      color: #b7b7b7;
      background: #184785;         
      border-right: 5px solid #426eb4;
}
div#links a:hover {
      color: #411;
      background: #426eb4;
         border-right: 5px double #184785;
}
div#links span {
      
         position: relative;
      width: 125px;
         padding: 5px;
      z-index: 100;
         color: #411;
      background: transparent;
         font: 10px Verdana, sans-serif;
      text-align: center;
}
-->
</style>
</head>
<body>
<div id="links">
<a href="#" onclick="toggle('sel');return false;">Select1<span id="sel" style="display: none;"><form name="form1"><select name="sel1"><option>Option1</option><option>Option2</option></select></span></a>
<a href="#" onclick="toggle('sel2');return false;">Select2<span id="sel2" style="display: none;"><form name="form2"><select name="sel2"><option>Option1</option><option>Option2</option></select></span></a>
<a href="#" onclick="toggle('sel3');return false;">Select3<span id="sel3" style="display: none;"><form name="form3"><select name="sel3"><option>Option1</option><option>Option2</option></select></span></a>
</div>
</body>
</html>
0
 
jaysolomonCommented:
Glad to have helped Thanks

jAy
0

Featured Post

[Webinar On Demand] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now