| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1699 人关注过本帖
标题:div弹出菜单显示位置无法控制,求帮助!
只看楼主 加入收藏
yiceyang
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2018-1-27
收藏
 问题点数:0 回复次数:0 
div弹出菜单显示位置无法控制,求帮助!
我想做一个点击textbox就在文本框下方显示出一个div的pop菜单,目前能显示出来,但是就是位置不对,找了很久的原因都没有找到,希望那我高手可以帮我看看,解决一下,万分感谢!
html:
 <div class="center_content_hasboder">
    <form action="classes_add.asp" method="post">
    <ul class="ul_form_item">
      <li>班级&nbsp;&nbsp;&nbsp;ID:<input name="cls_id" type="text" readonly="readonly" /></li>
      <li>班级名称:<input name="cls_name" type="text" /></li>
      <li>所属年级:<input name="grd_blong" id="grd_blong" type="text" onclick="ShowPopMenu('GradesMenu',this)"/></li>
      <div class='PopupMenu_wid150' name='GradesMenu' id='GradesMenu'>GR2019    ,高2019级                          </div>
      <li>班级负责人:<input name="cls_ceo" type="text"  onclick="ShowPopMenu('GradesMenu',this"/></li>     
      <li>语文:<input name="km_chn" type="text" /></li>
      <li>数学:<input name="km_mat" type="text" /></li>
      <li>英语:<input name="km_eng" type="text" /></li>
      <li>物理:<input name="km_phy" type="text" /></li>
      <li>化学:<input name="km_che" type="text" /></li>
      <li>生物:<input name="km_bio" type="text" /></li>
      <li>政治:<input name="km_pli" type="text" /></li>
      <li>历史:<input name="km_his" type="text" /></li>
      <li>地理:<input name="km_geo" type="text" /></li>
    </ul>
    <ul class="ul_form_item">
    <li>
      <input name="cmd_ok" type="submit" value="新  增" />&nbsp;
      <input name="cmd_reset" type="reset" value="重  置" />
    </li>
    </ul>
    </form>
  </div>
css:
.PopupMenu_wid150{
    float:left;
    display:block;
    width:150px;
    height:auto;
    margin:auto;
    padding:3px 10px;   
    color:color:#333;
    border:#CCC 1px solid;
    visibility:hidden;
    position:absolute;
    background:#add;
    }
.PopupMenu_wid150 li{
    width:100%;
    line-height:25px;
    }
js代码:
//显示和隐藏
function MM_showHideLayers() {
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3)
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
function setPosition1(divid,txt){
    var txtObject=document.getElementById(txt);
    var divObject=document.getElementById(divid);
    divObject.style.top=txtObject.offsetTop + txtObject.offsetHeight;
    divObject.style.left=txtObject.offsetLeft;}
function ShowPopMenu(divid,txt){
    MM_showHideLayers(divid,'','show');
    setDivPosition(divid,txt);
    }
搜索更多相关主题的帖子: div text input name type 
2018-01-27 21:47
快速回复:div弹出菜单显示位置无法控制,求帮助!
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.027680 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved