用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
不过现在我不能聊...