用js实现弹出窗口《iframe》

此代码实现了点击[选择、修改]按钮之后，弹出固定的网页内部窗口，并可以选择相关值。比较实用。

<html>
2

<head>
3

<!--
7

function WinOp(url, wei, hei)
8

{
9

window.open(url, '', 'width='+ wei +' height='+ hei +' scrollbars=yes toolbar=no top=10 left=10 resizable=yes')
10

}
11

//-
12

</script>
13

</head>
14

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
15

<html>
16

<head>
17

<LINK rel="stylesheet" href="/in/style.css">
18

<style>
19

BODY {
20

BACKGROUND-POSITION: center 50%; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(/im/bg.gif); SCROLLBAR-HIGHLIGHT-COLOR: #bdbddd; SCROLLBAR-SHADOW-COLOR: #6c6c8a; SCROLLBAR-3DLIGHT-COLOR: #f0f0f0; SCROLLBAR-TRACK-COLOR: #d6d1d6; BACKGROUND-REPEAT: repeat-y; SCROLLBAR-DARKSHADOW-COLOR: #c9c9eb; SCROLLBAR-BASE-COLOR: #e0e0e0;
21

}
22

a:link { color: #333333; font-size: 12px;text-decoration: none}
24

a:visited { color: #333333; font-size: 12px;text-decoration: none}
25

a:hover { color: #ff7300; text-decoration: none; font-size: 12px}
26

</style>
27

</head>
28

<body topmargin=0 marginheight=0>
29

<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
30

<tr>
31

<td background="http://images.51job.com/im/city1/bgtop.gif" width=259>
32

<table width="77%" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
33

<tr>
34

<td valign="top">
35

<!--
37

//-->
39

</script>
40

</td>
41

</tr>
42

</table>
43

</td>
44

<style>
45

.clsMenuItemIE
46

{
47

COLOR: #000000;
48

FONT-FAMILY: 宋体;
49

FONT-SIZE: 12px;
50

TEXT-DECORATION: none
51

}
52

.clsMenuItemIE:link
53

{
54

COLOR: #000000;
55

FONT-FAMILY: 宋体;
56

FONT-SIZE: 12px;
57

TEXT-DECORATION: none
58

}
59

.clsMenuItemIE:visited
60

{
61

COLOR: #000000;
62

FONT-FAMILY: 宋体;
63

FONT-SIZE: 12px;
64

TEXT-DECORATION: none
65

}
66

.clsMenuItemIE:hover
67

{
68

BACKGROUND-COLOR: #d2eeff;
69

COLOR: #000000;
70

FONT-FAMILY: 宋体;
71

FONT-SIZE: 12px;
72

TEXT-DECORATION: none
73

}
74

.bg1{
75

BACKGROUND-COLOR: #000080;
76

color:#ffffff;
77

width:55px;
78

text-align:center;
79

}
80

.bg2{
81

width:55px;
82

BACKGROUND-COLOR: #FFFFFF;
83

color:#333333;
84

text-align:center;
85

}
86

</style>
88

var is_show=0;
90

function showToolbar(){
92

// menu.addItem(id, text, hint, location, alternativeLocation);
93

// menu.addSubItem(idParent, text, hint, location);
94

menu = new Menu();
96

menu.addItem("menu2_id", "<img src=http://images.51job.com/im/select.gif>", null, null, null);
97

menu.addSubItem("menu2_id", "全国", "", "/default-qz.php");
99

menu.addSubItem("menu2_id", "北京", "", "/default-area.php?area=0100");
100

menu.addSubItem("menu2_id", "上海", "", "/default-area.php?area=0200");
101

menu.addSubItem("menu2_id", "广州", "", "/default-area.php?area=0302");
102

menu.addSubItem("menu2_id", "深圳", "", "/default-area.php?area=0400");
103

menu.addSubItem("menu2_id", "西安", "", "/default-area.php?area=2002");
104

menu.addSubItem("menu2_id", "武汉", "", "/default-area.php?area=1802");
105

menu.addSubItem("menu2_id", "杭州", "", "/default-area.php?area=0802");
106

menu.addSubItem("menu2_id", "成都", "", "/default-area.php?area=0902");
107

menu.addSubItem("menu2_id", "南京", "", "/default-area.php?area=0702");
108

menu.addSubItem("menu2_id", "昆明", "", "/default-area.php?area=2502");
109

menu.addSubItem("menu2_id", "济南", "", "/default-area.php?area=1202");
110

menu.addSubItem("menu2_id", "大连", "", "/default-area.php?area=2303");
111

menu.addSubItem("menu2_id", "沈阳", "", "/default-area.php?area=2302");
112

menu.addSubItem("menu2_id", "青岛", "", "/default-area.php?area=1203");
113

menu.addSubItem("menu2_id", "重庆", "", "/default-area.php?area=0600");
114

menu.addSubItem("menu2_id", "哈尔滨", "", "/default-area.php?area=2202");
115

menu.addSubItem("menu2_id", "长沙", "", "/default-area.php?area=1902");
116

menu.addSubItem("menu2_id", "合肥", "", "/default-area.php?area=1502");
117

menu.addSubItem("menu2_id", "宁波", "", "/default-area.php?area=0803");
118

menu.addSubItem("menu2_id", "东莞", "", "/default-area.php?area=0308");
119

menu.addSubItem("menu2_id", "长春", "", "/default-area.php?area=2402");
120

menu.addSubItem("menu2_id", "苏州", "", "/default-area.php?area=0703");
121

menu.addSubItem("menu2_id", "福州", "", "/default-area.php?area=1102");
122

menu.addSubItem("menu2_id", "郑州", "", "/default-area.php?area=1702");
123

menu.addSubItem("menu2_id", "天津", "", "/default-area.php?area=0500");
124

menu.showMenu();
125

}
126

127

showToolbar();
128

refreshIt();
129

document.body.onscroll=hideAll;
130

document.body.onmousemove=updateIt;
131

</script>
132

</td>
133

</tr>
134

</table>
135

</body>
136

</html>
137

<table width="475" border="0" align="center" cellpadding="0" cellspacing="0">
138

<tr>
139

<td width="200">
140

<form name='quicksearch' action='/sc/search_result.php?begin=begin' method='post' target='_blank' onSubmit='return checkall()'>
141

<input type=hidden name="postfrom" value ="qz">
142

<html>
143

<head>
144

<LINK rel="stylesheet" href="/in/style.css">
145

</head>
146

<body>
147

<table align="center" border="0" cellpadding="0" cellspacing="0" width="187">
149

<input type="hidden" name="jobarea_sel" value="">
150

<input type="hidden" name="jobarea" value="">
151

<input type="hidden" name="funtype_big" value ="0000">
152

<input type="hidden" name="funtype" value ="">
153

<input type="hidden" name="industrytype" value ="">
154

<input type="hidden" name="issuedate" value ="">
155

<input type="hidden" name="btnSltArea1" value ="选择/修改">
156

<input type="hidden" name="btnSltFuntype1" value ="选择/修改">
157

<input type="hidden" name="btnSltPosition1" value ="选择/修改">
158

<input type="hidden" name="btnSltIndustry1" value ="选择/修改">
159

<input type="hidden" name="btnSltIssuedate1" value ="选择/修改">
160

<tr>
161

<td width="20%" height="30" align="left" valign="top"> 地点:</td>
162

<td width="80%" align="center" valign="top"><input type="button" name="btnSltArea" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="请选择地点" onClick="initJobArea();displayLayer(this,'popupArea')"></td>
163

</tr>
164

<tr>
165

<td height="30" align="left" valign="top"> 职能:</td>
166

<td width="80%" align="center" valign="top"><input type="button" name="btnSltFuntype" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="选择/修改" onClick="displayLayer(this,'popupFuntype')"></td>
167

</tr>
168

<tr>
169

<td height="30" align="left" valign="top"> 职位:</td>
170

<td width="80%" align="center" valign="top"><input type="button" name="btnSltPosition" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="选择/修改" disabled onClick="displayLayer(this,'popupSubfuntype')"></td>
171

</tr>
172

<tr>
173

<td height="30" align="left" valign="top"> 行业:</td>
174

<td width="80%" align="center" valign="top"><input type="button" name="btnSltIndustry" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="选择/修改" onClick="displayLayer(this,'popupIndustry')"></td>
175

</tr>
176

<tr>
177

<td height="30" align="left" valign="top"> 日期:</td>
178

<td width="80%" align="center" valign="top"><input type="button" name="btnSltIssuedate" style="background:url('http://images.51job.com/im/search_pic7.gif');125px;height:25px;border:0px;cursor:hand;" value="选择/修改" title="选择/修改" onClick="displayLayer(this,'popupIssuedate')"></td>
179

</tr>
180

</table>
181

</body>
182

</html>
183

</form>
184

</td>
185

</tr>
186

</table>
187

<!--
189

//Modified by Ryan Gao 2006-05-23 19:28:40
190

var jobarea_s = new Array();
191

var jobarea_v = new Array();
192

var subarea_s = new Array();
193

var subarea_v = new Array();
194

jobarea_s[0] = '北京市';
195

jobarea_v[0] = '0100';
196

subarea_s[0] = new Array();
197

subarea_v[0] = new Array();
198

subarea_s[0][0] = '北京市';
199

subarea_v[0][0] = '0100';
200

jobarea_s[1] = '上海市';
201

jobarea_v[1] = '0200';
202

subarea_s[1] = new Array();
203

subarea_v[1] = new Array();
204

subarea_s[1][0] = '上海市';
205

subarea_v[1][0] = '0200';
206

jobarea_s[2] = '广东省';
207

jobarea_v[2] = '0300';
208

subarea_s[2] = new Array();
209

subarea_v[2] = new Array();
210

subarea_s[2][0] = '广东省';
211

subarea_v[2][0] = '0300';
212

subarea_s[2][1] = '广州市';
213

subarea_v[2][1] = '0302';
214

//Modified by Ryan Gao 2006-05-23 19:28:39
215

var func_s = new Array();
216

var func_v = new Array();
217

var subfunc_s = new Array();
218

var subfunc_v = new Array();
219

func_s[0] = '计算机硬件';
220

func_v[0] = '2400';
221

subfunc_s[0] = new Array();
222

subfunc_v[0] = new Array();
223

subfunc_s[0][0] = '(全部)计算机硬件类';
224

subfunc_v[0][0] = '2400';
225

func_s[1] = '计算机软件';
226

func_v[1] = '0100';
227

subfunc_s[1] = new Array();
228

subfunc_v[1] = new Array();
229

subfunc_s[1][0] = '(全部)计算机软件类';
230

subfunc_v[1][0] = '0100';
231

//Modified by Ryan Gao 2006-05-23 19:28:39
232

var ind_s = new Array();
233

var ind_v = new Array();
234

ind_s[0] = '计算机软件';
235

ind_v[0] = '01';
236

ind_s[1] = '计算机硬件';
237

ind_v[1] = '37';
238

//Modified by Ryan Gao 2006-03-30 09:19:06
239

var pubschedule_show = new Array();
240

var pubschedule_value = new Array();
241

pubschedule_show[0] = '近一天';
242

pubschedule_value[0] = '01';
243

pubschedule_show[1] = '近二天';
244

pubschedule_value[1] = '02';
245

246

function buildDiv(){
247

var argArr = buildDiv.arguments;
248

var htmlDiv = '';
249

var text = '';
250

251

for(var i=0;i<argArr.length;i++){
252

if(argArr[i] == 'popupArea'){
253

text = "地区";
254

}else if(argArr[i] == 'popupFuntype'){
255

text = "职能";
256

}else if(argArr[i] == 'popupSubfuntype'){
257

text = "职位";
258

}else if(argArr[i] == 'popupIndustry'){
259

text = "行业";
260

}else{
261

text = "发布日期";
262

}
263

264

htmlDiv = '<div id="'+argArr[i]+'" width="645" style="position:absolute;left:10px;top:-165px;visibility:hidden;z-index:100;filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#BFBFBF,OffX=4,OffY=4);">';
265

htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
266

htmlDiv = htmlDiv + '<tr><td align="left" valign="middle" width="599" height="27" background="http://images.51job.com/im/search/orangebg.gif">  <img src="http://images.51job.com/im/search/orangearrow.gif"> <span style="color:#FFFFFF">请选择'+text+'</span></td><td align="left" valign="middle" width="50" height="20" background="http://images.51job.com/im/search/orangebg.gif"><span><a onclick="javascript:hiddenLayer('+argArr[i]+')" style="color:#FFFFFF;cursor:hand;">[关闭]</a></span></td></tr>';
267

htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
268

269

if(argArr[i] == 'popupArea'){
270

var j = (6 - jobarea_s.length%6) == 6 ? 0 : (6 - jobarea_s.length%6);
271

272

htmlDiv = htmlDiv + '<tr>';
273

for(var k=0;k<jobarea_s.length;k++){
274

275

htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="showSubjobarea(\''+jobarea_s[k]+'\',\''+jobarea_v[k]+'\',\''+k+'\')">'+jobarea_s[k]+'</a></td>';
276

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
277

if(k%6 == 5){
278

htmlDiv = htmlDiv + '</tr><tr>';
279

}
280

}
281

if(j > 0){
282

for(var l=1;l<=j;l++){
283

htmlDiv = htmlDiv + '<td height="20"> </td>';
284

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
285

}
286

htmlDiv = htmlDiv + '</tr>';
287

}
288

}
289

290

if(argArr[i] == 'popupFuntype'){
291

var j = (3 - func_s.length%3) == 3 ? 0 : (3 - func_s.length%3);
292

293

htmlDiv = htmlDiv + '<tr>';
294

for(var k=0;k<func_s.length;k++){
295

296

htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="sltFuntype(\''+func_s[k]+'\',\''+func_v[k]+'\',\''+k+'\')">'+func_s[k]+'</a></td>';
297

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
298

if(k%3 == 2){
299

htmlDiv = htmlDiv + '</tr><tr>';
300

}
301

}
302

if(j > 0){
303

for(var l=1;l<=j;l++){
304

htmlDiv = htmlDiv + '<td height="20"> </td>';
305

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
306

}
307

htmlDiv = htmlDiv + '</tr>';
308

}
309

}
310

311

if(argArr[i] == 'popupSubfuntype'){
312

313

}
314

315

if(argArr[i] == 'popupIndustry'){
316

var j = (3 - ind_s.length%3) == 3 ? 0 : (3 - ind_s.length%3);
317

318

htmlDiv = htmlDiv + '<tr><td height="20" align="center"><a onclick="sltIndustry(\'不限\',\'00\')" style="cursor:hand">不限</a></td><td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td><td height="20" align="center"></td><td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td><td height="20" align="center"></td><td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td></tr>';
319

320

htmlDiv = htmlDiv + '<tr>';
321

for(var k=0;k<ind_s.length;k++){
322

323

htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="sltIndustry(\''+ind_s[k]+'\',\''+ind_v[k]+'\')">'+ind_s[k]+'</a></td>';
324

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
325

if(k%3 == 2){
326

htmlDiv = htmlDiv + '</tr><tr>';
327

}
328

}
329

if(j > 0){
330

for(var l=1;l<=j;l++){
331

htmlDiv = htmlDiv + '<td height="20"> </td>';
332

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
333

}
334

htmlDiv = htmlDiv + '</tr>';
335

}
336

}
337

338

if(argArr[i] == 'popupIssuedate'){
339

var j = (3 - pubschedule_show.length%3) == 3 ? 0 : (3 - pubschedule_show.length%3);
340

341

htmlDiv = htmlDiv + '<tr>';
342

for(var k=0;k<pubschedule_show.length;k++){
343

htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="sltIssuedate(\''+pubschedule_show[k]+'\',\''+pubschedule_value[k]+'\')">'+pubschedule_show[k]+'</a></td>';
344

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
345

if(k%3 == 2){
346

htmlDiv = htmlDiv + '</tr><tr>';
347

}
348

}
349

if(j > 0){
350

for(var l=1;l<=j;l++){
351

htmlDiv = htmlDiv + '<td height="20"> </td>';
352

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
353

}
354

htmlDiv = htmlDiv + '</tr>';
355

}
356

}
357

358

359

360

htmlDiv = htmlDiv + '</table></td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';
361

362

htmlDiv = htmlDiv + '</div>';
363

364

document.write(htmlDiv);
365

}
366

}
367

368

function displayLayer(obj,layerID){
369

hiddenLayer('popupArea','popupFuntype','popupSubfuntype','popupIndustry','popupIssuedate');
370

371

var dv = document.getElementById(layerID);
372

373

GetCenterXY_ForLayer(dv);
374

DivSetVisible(dv);
375

376

//dv.style.visibility = "visible";
377

}
378

379

function hiddenLayer(){
380

var argArr = hiddenLayer.arguments;
381

382

showElementAll();
383

//var IfrRef = document.getElementById('DivShim');
384

//IfrRef.style.display = "none";
385

386

for(var i=0;i<argArr.length;i++){
387

eval(argArr[i]).style.visibility = "hidden";
388

}
389

}
390

391

//将悬浮层的位置定位在屏幕中央
392

function GetCenterXY_ForLayer(objdiv){
393

x = document.body.scrollLeft;
394

y = document.body.scrollTop;
395

396

//获取屏幕宽度
397

availWidth = parseInt(window.screen.availWidth);
398

availHeight = parseInt(window.screen.availHeight);
399

400

tblWidth = parseInt(objdiv.width);
401

402

403

y = y + availHeight/4;
404

x = (availWidth - tblWidth)/2;
405

406

objdiv.style.top = y;
407

objdiv.style.left = x;
408

}
409

410

function GetLength(strTemp){
411

var i,sum;
412

sum=0;
413

for(i=0;i<strTemp.length;i++){
414

if ((strTemp.charCodeAt(i)>=0) && (strTemp.charCodeAt(i)<=255))
415

sum = sum + 1;
416

else
417

sum=sum + 2;
418

}
419

return sum;
420

}
421

422

function subStringPro(str, length){
423

var stri = '';
424

for(i=0,j=0; j<length;){
425

if ((str.charCodeAt(i)>=0) && (str.charCodeAt(i)<=255)) {
426

stri += str.charAt(i);
427

j++;
428

} else {
429

stri += str.charAt(i);
430

j += 2;
431

}
432

i++;
433

}
434

return stri;
435

}
436

437

function sltFuntype(show,value,k){
438

//document.all("funtype_big").value = value;
439

document.quicksearch.funtype_big.value = value;
440

441

var strName = show;
442

var lengthStr = GetLength(strName);
443

444

if(lengthStr>17) strName=subStringPro(strName,15)+'

';
445

document.all("btnSltFuntype").value = strName;
446

document.all("btnSltFuntype1").value = strName;
447

448

//每次选择大类，重置小类里面的值
449

var strName = subfunc_s[k][0];
450

var lengthStr = GetLength(strName);
451

452

if(lengthStr>17) strName=subStringPro(strName,15)+'

';
453

document.all("btnSltPosition").value = strName;
454

document.all("btnSltPosition1").value = strName;
455

//document.all("funtype").value = subfunc_v[k][0];
456

document.quicksearch.funtype.value = subfunc_v[k][0];
457

458

buildJobtype(k);
459

460

document.all("btnSltPosition").disabled = false;
461

hiddenLayer("popupFuntype");
462

}
463

464

function showSubjobarea(show,value,tag){
465

var htmlDiv = '';
466

var htmlDiv1 = '';
467

468

469

if(subarea_s[tag].length == 1){
470

sltJobarea(show,value);
471

}else{
472

473

var j = (6 - jobarea_s.length%6) == 6 ? 0 : (6 - jobarea_s.length%6);
474

475

htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
476

htmlDiv = htmlDiv + '<tr><td align="left" valign="middle" width="599" height="27" background="http://images.51job.com/im/search/orangebg.gif">  <img src="http://images.51job.com/im/search/orangearrow.gif"> <span style="color:#FFFFFF">请选择地区</span></td><td align="left" valign="middle" width="50" height="20" background="http://images.51job.com/im/search/orangebg.gif"><span><a onclick="javascript:hiddenLayer(popupArea)" style="color:#FFFFFF;cursor:hand;">[关闭]</a></span></td></tr>';
477

htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
478

479

htmlDiv = htmlDiv + '<tr>';
480

for(var k=0;k<jobarea_s.length;k++){
481

482

htmlDiv = htmlDiv + '<td width="100" height="20" align="center"><a style="cursor:hand" onclick="showSubjobarea(\''+jobarea_s[k]+'\',\''+jobarea_v[k]+'\',\''+k+'\')">'+jobarea_s[k]+'</a></td>';
483

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
484

if(k%6 == 5){
485

htmlDiv = htmlDiv + '</tr><tr>';
486

}
487

}
488

if(j > 0){
489

for(var l=1;l<=j;l++){
490

htmlDiv = htmlDiv + '<td width="100" height="20"> </td>';
491

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
492

}
493

htmlDiv = htmlDiv + '</tr>';
494

}
495

htmlDiv = htmlDiv + '</table>';
496

497

var j = (6 - subarea_s[tag].length%6) == 6 ? 0 : (6 - subarea_s[tag].length%6);
498

499

htmlDiv1 = htmlDiv1 + '<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
500

htmlDiv1 = htmlDiv1 + '<tr><td colspan="6" align="left">  请选择城市</td></tr>';
501

htmlDiv1 = htmlDiv1 + '<tr>';
502

503

for(var k=0;k<subarea_s[tag].length;k++){
504

505

htmlDiv1 = htmlDiv1 + '<td width="100" height="20" align="center"><a style="cursor:hand" onclick="sltJobarea(\''+subarea_s[tag][k]+'\',\''+subarea_v[tag][k]+'\')">'+subarea_s[tag][k]+'</a></td>';
506

htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
507

if(k%6 == 5){
508

htmlDiv1 = htmlDiv1 + '</tr><tr>';
509

}
510

}
511

if(j > 0){
512

for(var l=1;l<=j;l++){
513

htmlDiv1 = htmlDiv1 + '<td width="100" height="20"> </td>';
514

htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
515

}
516

htmlDiv1 = htmlDiv1 + '</tr>';
517

}
518

htmlDiv1 = htmlDiv1 + '</table></td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';
519

520

var dv = document.getElementById('popupArea');
521

522

dv.innerHTML = htmlDiv + htmlDiv1;
523

524

DivSetVisible(dv);
525

}
526

527

}
528

529

function sltJobarea(show,value){
530

//document.all("jobarea").value = value;
531

document.quicksearch.jobarea.value = value;
532

document.all("btnSltArea").value = show;
533

document.all("btnSltArea1").value = show;
534

hiddenLayer("popupArea");
535

}
536

537

function buildJobtype(tag){
538

var htmlDiv = '';
539

540

var j = (3 - subfunc_s[tag].length%3) == 3 ? 0 : (3 - subfunc_s[tag].length%3);
541

542

htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
543

htmlDiv = htmlDiv + '<tr><td align="left" valign="middle" width="599" height="27" background="http://images.51job.com/im/search/orangebg.gif">  <img src="http://images.51job.com/im/search/orangearrow.gif"> <span style="color:#FFFFFF">请选择职位</span></td><td align="left" valign="middle" width="50" height="20" background="http://images.51job.com/im/search/orangebg.gif"><span><a onclick="javascript:hiddenLayer(popupSubfuntype)" style="color:#FFFFFF;cursor:hand;">[关闭]</a></span></td></tr>';
544

htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
545

546

htmlDiv = htmlDiv + '<tr>';
547

for(var k=0;k<subfunc_s[tag].length;k++){
548

549

htmlDiv = htmlDiv + '<td height="20" align="center"><a style="cursor:hand" onclick="sltSubfuntype(\''+subfunc_s[tag][k]+'\',\''+subfunc_v[tag][k]+'\')">'+subfunc_s[tag][k]+'</a></td>';
550

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
551

if(k%3 == 2){
552

htmlDiv = htmlDiv + '</tr><tr>';
553

}
554

}
555

if(j > 0){
556

for(var l=1;l<=j;l++){
557

htmlDiv = htmlDiv + '<td height="20"> </td>';
558

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
559

}
560

htmlDiv = htmlDiv + '</tr>';
561

}
562

htmlDiv = htmlDiv + '</table></td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';
563

564

var dv = document.getElementById('popupSubfuntype');
565

566

dv.innerHTML = htmlDiv;
567

568

}
569

570

function sltSubfuntype(show,value){
571

document.quicksearch.funtype.value = value;
572

573

var strName = show;
574

var lengthStr = GetLength(strName);
575

576

if(lengthStr>17) strName=subStringPro(strName,15)+'

';
577

document.all("btnSltPosition").value = strName;
578

document.all("btnSltPosition1").value = strName;
579

hiddenLayer("popupSubfuntype");
580

}
581

582

function sltIssuedate(show,value){
583

document.quicksearch.issuedate.value = value;
584

document.all("btnSltIssuedate").value = show;
585

document.all("btnSltIssuedate1").value = show;
586

hiddenLayer("popupIssuedate");
587

}
588

589

function sltIndustry(show,value){
590

document.all("industrytype").value = value;
591

592

var strName = show;
593

var lengthStr = GetLength(strName);
594

595

if(lengthStr>17) strName=subStringPro(strName,15)+'

';
596

document.all("btnSltIndustry").value = strName;
597

document.all("btnSltIndustry1").value = strName;
598

hiddenLayer("popupIndustry");
599

}
600

601

function DivSetVisible(objDiv){
602

hideElementAll();
603

objDiv.style.visibility = "visible";
604

}
605

606

function initJobArea(){
607

var htmlDiv = '';
608

var htmlDiv1 = '';
609

var tag = 0;
610

611

var j = (6 - jobarea_s.length%6) == 6 ? 0 : (6 - jobarea_s.length%6);
612

613

htmlDiv = htmlDiv + '<table width="645" border="0" cellspacing="0" cellpadding="0" bgcolor="#999999">';
614

htmlDiv = htmlDiv + '<tr><td align="left" valign="middle" width="599" height="27" background="http://images.51job.com/im/search/orangebg.gif">  <img src="http://images.51job.com/im/search/orangearrow.gif" valign="middle"> <span style="color:#FFFFFF" valign="middle">请选择地区</span></td><td align="left" valign="middle" width="50" height="20" background="http://images.51job.com/im/search/orangebg.gif"><span><a onclick="javascript:hiddenLayer(popupArea)" style="color:#FFFFFF;cursor:hand;">[关闭]</a></span></td></tr>';
615

htmlDiv = htmlDiv + '<tr><td colspan="2" width="645" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
616

617

htmlDiv = htmlDiv + '<tr>';
618

for(var k=0;k<jobarea_s.length;k++){
619

620

htmlDiv = htmlDiv + '<td width="100" height="20" align="center"><a style="cursor:hand" onclick="showSubjobarea(\''+jobarea_s[k]+'\',\''+jobarea_v[k]+'\',\''+k+'\')">'+jobarea_s[k]+'</a></td>';
621

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
622

if(k%6 == 5){
623

htmlDiv = htmlDiv + '</tr><tr>';
624

}
625

}
626

627

if(j > 0){
628

for(var l=1;l<=j;l++){
629

htmlDiv = htmlDiv + '<td width="100" height="20"> </td>';
630

htmlDiv = htmlDiv + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
631

}
632

htmlDiv = htmlDiv + '</tr>';
633

}
634

htmlDiv = htmlDiv + '</table>';
635

636

if(document.quicksearch.jobarea.value != ""){
637

//取得tag
638

for(var k=0;k<jobarea_v.length;k++){
639

if(jobarea_v[k] == document.quicksearch.jobarea.value.substring(0,2)+'00'){
640

tag = k;
641

break;
642

}
643

}
644

if(subarea_s[tag].length >1){
645

var j = (6 - subarea_s[tag].length%6) == 6 ? 0 : (6 - subarea_s[tag].length%6);
646

647

htmlDiv1 = htmlDiv1 + '<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">';
648

htmlDiv1 = htmlDiv1 + '<tr><td colspan="6" align="left">  请选择城市</td></tr>';
649

htmlDiv1 = htmlDiv1 + '<tr>';
650

651

for(var k=0;k<subarea_s[tag].length;k++){
652

653

htmlDiv1 = htmlDiv1 + '<td width="100" height="20" align="center"><a style="cursor:hand" onclick="sltJobarea(\''+subarea_s[tag][k]+'\',\''+subarea_v[tag][k]+'\')">'+subarea_s[tag][k]+'</a></td>';
654

htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
655

if(k%6 == 5){
656

htmlDiv1 = htmlDiv1 + '</tr><tr>';
657

}
658

}
659

if(j > 0){
660

for(var l=1;l<=j;l++){
661

htmlDiv1 = htmlDiv1 + '<td width="100" height="20"> </td>';
662

htmlDiv1 = htmlDiv1 + '<td width="1" height="20" align="center" valign="middle"><img src="http://images.51job.com/im/line_bg.gif"></td>';
663

}
664

htmlDiv1 = htmlDiv1 + '</tr>';
665

}
666

htmlDiv1 = htmlDiv1 + '</table>';
667

}
668

}
669

htmlDiv = htmlDiv+htmlDiv1+'</td></tr><tr><td colspan="2" height="4" bgcolor="#FF831F"></td></tr></table>';
670

671

var dv = document.getElementById('popupArea');
672

dv.innerHTML = htmlDiv;
673

}
674

675

function HideElement(strElementTagName){
676

try{
677

for(i=0;i<window.document.all.tags(strElementTagName).length; i++){
678

var objTemp = window.document.all.tags(strElementTagName)[i];
679

objTemp.style.visibility = "hidden";
680

}
681

}catch(e){
682

alert(e.message);
683

}
684

}
685

686

function ShowElement(strElementTagName){
687

try{
688

for(i=0;i<window.document.all.tags(strElementTagName).length; i++){
689

var objTemp = window.document.all.tags(strElementTagName)[i];
690

objTemp.style.visibility = "visible";
691

}
692

}catch(e){
693

alert(e.message);
694

}
695

}
696

697

function hideElementAll(){
698

HideElement("SELECT");
699

HideElement("OBJECT");
700

HideElement("IFRAME");
701

}
702

703

function showElementAll(){
704

ShowElement("SELECT");
705

ShowElement("OBJECT");
706

ShowElement("IFRAME");
707

}
708

//-->
709

</script>
710

<!--
712

buildDiv("popupArea","popupFuntype","popupSubfuntype","popupIndustry","popupIssuedate");
713

//-->
714

</script>
715

</body>
716

</html>