用DIV层做 51job选择职位那种效果，求方案，急！！ 另散分祝中秋快乐！
大家都上过51job网，点击过选择职位，弹出一个DIV层，可以选择大类，小类。等操作。
现在我也想做这样一个东西。
我的思路是建立一下DIV层，默认隐藏。在层上放控件，和在页面上处理没什么二样，然后设置位置显示出来。
没上过51job的人看一下
51job的地址：http://search.51job.com/jobsearch/advance_search.php
根本不需要利用JS代码，asp.net 2.0 就可以做出来
懂的帮我看看思路对不对，是不是这样做？
祝大家中秋节快乐！合家团圆！
[解决办法]
手边的项目就和这个效果一样的，不是用隐藏层做的
就另作一个通用选择页面，因为多个页面都要调用； 调用时直接showModalDialog或者动态
生成div内嵌iframe都可以
[解决办法]
帮顶
[解决办法]
51job那个是弹出层 不是你想的那样就隐藏显示
[解决办法]
帮顶
[解决办法]
你要多详细？
思路？实现？or what?
[解决办法]
我也想知道怎么做的
[解决办法]
不过在不同的浏览器看的效果可能怪怪的
[解决办法]
这个项目里的实现方法：
A.aspx －调用页面
代码片段
<tr>
<td style= "width: 260px ">
现地区 </td>
<td>
<asp:TextBox ID= "txtCurrentArea " runat= "server "> </asp:TextBox> <input id= "btnCurrentArea "
type= "button " value= "选择/修改 " class= "inputBtn " onclick= "ShowSelectItem( 'txtCurrentArea ', 'hidCurrentArea ', ' ') " />
<input id= "hidCurrentArea " type= "hidden " runat= "server " /> </td>
</tr>
Select.js里的函数
//这个函数就是调用选择页面，关闭页面时将选择的结果（包括text和selectvalue）都相应放入
//SelectTextCtl和ValueCtl中
function ShowSelectItem(SelectTextCtl,ValueCtl,SelectValueCtl)
{
var varURL = " ";
var Value = " ";
var varCaption = " ";
var varOptions = " ";
varCaption = "工作地区选择 ";
varOptions = 'dialogWidth:600px;dialogHeight:450px; status:no; resizable:no; scroll:no; help:no ';
Value = document.getElementById(ValueCtl).value;
varURL = "../../../Common/DialogBox.aspx?DialogURL=SelectArea.aspx?Value= " + Value;
//SelectArea.aspx实现那个地区选择页面，其中上下级关系联动均用Ajax实现
//选择时记录text和数据库里对应的selectvalue作为window.returnValue
var rtvalue = window.showModalDialog(varURL,varCaption,varOptions);
if(rtvalue.length == 4)
{
if(rtvalue[0])
{
document.getElementById(SelectTextCtl).innerText = rtvalue[1];
if(document.getElementById(ValueCtl) != null)
{
document.getElementById(ValueCtl).innerText = rtvalue[2];
}
if(document.getElementById(SelectValueCtl) != null)
{
document.getElementById(SelectValueCtl).innerText = rtvalue[3];
}
}
}
}
这些只是些片段，不过思路都有了，你可以根据自己需要搭建
[解决办法]
这些东西几乎全是JS做的
你有问题可以问 qq：418949939
不过现在我不能聊...
[解决办法]
根本不需要利用JS代码，asp.net 2.0 就可以做出来
-----------------------
应该说全是JS代码..哪怕有可能控件能生成,但最终都是JS
原理很简单就是div的z序浮动在最上层e.style.display = "block " | "none "
[解决办法]
根本不需要利用JS代码，asp.net 2.0 就可以做出来
可笑
应该改为
根本不需要利用asp.net 2.0代码，JS就可以做出来
[解决办法]
楼上的反驳很有意思，也很有道理！
[解决办法]
你可以看一下microsoft的ajax中的modalpopup控件（模态对话框控件），可以很简单的达到你的效果，几乎不用手写javascript
[解决办法]
普通的弹出菜单就行。
[解决办法]
如果一个层显示不显示都要回传以下服务器,那么你写的程序根本就不能用,服务器会被累死的
[解决办法]
你隐藏了,要显示,还是需要用js
放数个隐藏DIV...上面已放满控件(并且已加载)
点击地区:用javascript让指定DIV显示(CSS好象也可以做到这效果), 选择,确定(关闭DIV).
[解决办法]
UP
[解决办法]
MARK!
[解决办法]
如果用net控件做出那个层,应该需要回调服务器,这样会浪费资源.
比如你使用pannel存放一些控件,并设置visial=false, 需要改成=true时,你还是需要回调一次服务器.
[解决办法]
51job上点击大类时，下面的statusbar会显示(5 items remain)，可见不是用的隐藏显示
也就是说点击大类的时候有跟服务器通信。
可以通过ajax实现 思路：点击时调用某js函数，该js函数再调用ajax函数，ajax函数再到数据库中取出所有小类，并修改一个事先备用的div
