首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • 如何点击一个按钮,定位到指定位置的一个div,不用我拉滚动条到下面看。 [已结贴,结贴人:zzxap]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zzxap
    • 等级:
    发表于:2008-07-22 14:34:44 楼主
    我在一个一面上有上中下3个div。点击搜索按钮,画面马上定位到页面下面的搜索输入框。
    如何点击一个按钮,定位到指定位置的一个div,不用我拉滚动条到下面看。
    div是用绝对定位的

    HTML code
    <div id="d" style="BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; Z-INDEX: 104; BACKGROUND: #cccc99; LEFT: 10px; BORDER-LEFT: red 1px solid; WIDTH: 736px; BORDER-BOTTOM: red 1px solid; POSITION: absolute; TOP: 4px; HEIGHT: 152px"> <P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:label id="Label16" runat="server">廠ID:</asp:label><FONT face="新細明體">&nbsp;</FONT><asp:textbox id="TextBox1" runat="server"></asp:textbox>&nbsp;&nbsp;&nbsp; </P> <P><FONT face="新細明體">&nbsp;&nbsp;&nbsp;&nbsp; </FONT> <asp:label id="Label17" runat="server">倉位:從</asp:label><asp:textbox id="TextBox2" runat="server"></asp:textbox><asp:label id="Label1" runat="server"></asp:label><asp:textbox id="TextBox3" runat="server"></asp:textbox><FONT face="新細明體">&nbsp;&nbsp;&nbsp;&nbsp; </FONT> </P> <P><FONT face="新細明體">&nbsp;&nbsp;&nbsp;&nbsp; <asp:label id="Label2" runat="server">成品/半成品編號:從</asp:label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</FONT> <asp:textbox id="TextBox4" runat="server"></asp:textbox><asp:label id="Label3" runat="server"></asp:label><asp:textbox id="TextBox5" runat="server"></asp:textbox><FONT face="新細明體">&nbsp;&nbsp;&nbsp; </FONT> </P> <FONT face="新細明體"> <P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:label id="Label5" runat="server">模具編號:從</asp:label><asp:textbox id="TextBox6" runat="server"></asp:textbox><asp:label id="Label4" runat="server"></asp:label><asp:textbox id="TextBox7" runat="server"></asp:textbox>&nbsp;&nbsp;&nbsp;</P> <P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:label id="Label6" runat="server">需求日期:從</asp:label><asp:textbox id="TextBox8" runat="server"></asp:textbox><asp:label id="Label7" runat="server"></asp:label><asp:textbox id="TextBox9" runat="server"></asp:textbox> &nbsp;&nbsp;&nbsp;</FONT><asp:button id="searchall" runat="server" Width="86px" Text="多條件查詢"></asp:button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:button id="Button2" runat="server" Text="返回"></asp:button></P></div>
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • xiaoting924
    • 等级:
    发表于:2008-07-22 15:05:451楼 得分:0
    将按钮的click事件定位到要点击的div上不就可以达到目的了吗?
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • wtcsy
    • 等级:
    发表于:2008-07-22 15:35:332楼 得分:0
    命名锚记  不就可以吗?
    <a href="#a">asd </a> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <a name="a" id="a"> </a> <div>123 </div> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zzxap
    • 等级:
    发表于:2008-07-22 16:17:043楼 得分:0
    期待高手出現。。。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-07-22 16:29:004楼 得分:0
    $("#divid").foucs();
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zzxap
    • 等级:
    发表于:2008-07-22 17:06:235楼 得分:0
    c#怎樣實現
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-07-22 17:34:516楼 得分:15
    HTML code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript"> function showSearch(){ var oDiv=document.getElementById("div6"); oDiv.scrollIntoView(); } </script> </head> <body> <input type="button" value="Search" onclick="showSearch()"/> <div id="div1" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">1</div> <div id="div2" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">2</div> <div id="div3" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">3</div> <div id="div4" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">4</div> <div id="div5" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">5</div> <div id="div6" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">Search</div> <div id="div7" style="width:100px;height:20px;background-color:#999999;margin-top:100px;">7</div> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> </body> </html>

    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zzxap
    • 等级:
    发表于:2008-07-22 19:37:227楼 得分:0
    多谢
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-07-23 12:20:308楼 得分:0
    6楼的牛,竟然有这个scrollIntoView,不知兼容性通用性如何,一般我们都是用锚#,其它元素还可以用onfocus、select等类似的达到接近效果。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-07-23 14:38:019楼 得分:0
    锚点最简单方便吧.
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-07-23 14:44:4810楼 得分:5
    记录下你DIV为焦点是滚动条的位置,把按钮的onclick事件加入window.scroll(x,y)(x,y为位置)即可
    修改 删除 举报 引用 回复

    网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved