1 <%@ Page Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostBack="true" CodeFile="journeyCompare.aspx.cs" Inherits="main_userSetting_journeyCompare" %>
2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head runat="server">
5 <title>线路比较</title>
6 <meta http-equiv="Pragma" content="no-cache" />
7 <meta http-equiv="Cache-Control" content="no-cache" />
8 <meta http-equiv="Expires" content="0" />
9 <%--<base target="_self" />--%>
10 <link href="../../css/base.css" rel="stylesheet" type="text/css" />
11 <link href="../../css/style.css" rel="stylesheet" type="text/css" />
12 <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
13 <style type="text/css">
14 .td1
15 {
16 width: 16%;
17 height: 20px;
18 line-height: 20px;
19 padding-left: 30px;
20 text-align: left;
21 font-weight: normal;
22 color: #999;
23 }
24 .td2
25 {
26 width: 16%;
27 padding-left: 30px;
28 text-align: left;
29 font-weight: normal;
30 color: #999;
31 }
32 .tdd1
33 {
34 width: 21%;
35 height: 22px;
36 line-height: 22px;
37 padding-left: 30px;
38 text-align: left;
39 font-weight: normal;
40 color: #333;
41 }
42 .tdd2
43 {
44 color: #333;
45 vertical-align: top;
46 padding: 3px 0;
47 }
48 .tbl
49 {
50 background-color: #f7f7f7;
51 border-bottom:1px solid #fff;
52
53 }
54 .tbl span
55 {
56 padding:0 30px;
57 }
58 .LongTextHidden12 span
59 {
60 display: block;
61 width: 150px;
62 overflow: hidden;
63 -o-text-overflow: ellipsis;
64 text-overflow: ellipsis;
65 white-space: nowrap;
66 vertical-align: middle;
67 height: 18px;
68 line-height: 18px;
69 }
70 .changeCss
71 {
72 color: #f7f7f7;
73 background-color: gray;
74 }
75 .restoreCss
76 {
77 color: gray;
78 background-color: #f7f7f7;
79 }
80 .BgColor
81 {
82 background-color: #EBFBE1;
83 }
84 .BgColor1
85 {
86 background-color: #C8E3DE;
87 border-bottom:1px solid #EBFBE1;
88 }
89 .BgColor1 td
90 {
91
92 cell-spacing:2px;
93 }
94 .BgColor1 span
95 {
96 padding:0 30px;
97 }
98 .div1
99 {
100 width: 601px;
101 height: 50px;
102 background: url(../../images/duibi.png) no-repeat center center;
103 cursor: pointer;
104 float: left;
105 text-align: center;
106 }
107 .con {
108 display: block;
109 width: 350px;
110 height: 34px;
111 padding: 13px 0px 0px 110px;
112 background-position: -53px 0;
113 line-height: 34px;
114 }
115 .setup {
116 float: left;
117 width: 112px;
118 height: 25px;
119 display:inline-block;
120 padding-left:30px;
121 background-position: -224px -53px;
122 line-height: 24px;
123 text-align: center;
124 text-decoration:none;
125 outline:none;
126 }
127 .setup:active {star:expression(this.onFocus=this.blur());}
128 .fdiv {
129 float: right;
130 margin:12px 83px 5px 15px;
131 cursor: pointer;
132 width: 85px;
133 height: 25px;
134 text-align: center;
135 }
136 .header1{height:70px;width: 100%; background:#43b2ff;border-bottom:2px solid #2da9ff;float: left;}
137 .HeaderL1{float:left;width:400px;height:70px;background:url(../images/new/bg_he.jpg) no-repeat top right;background-color:#1388d9;}
138 </style>
139 <script src="../../js/comm.js" type="text/javascript" charset="utf-8"></script>
140 <script src="../../js/webCount.js" type="text/javascript"></script>
141 <script type="text/javascript">
142 function onloadfrist()
143 {
144 var table = document.getElementById("tblShow");
145 var rows = table.rows.length;
146 var count=<%=idcount %>;
147 for (var i = 0; i < rows; i++)
148 {
149 var v1;
150 var flg="0";
151 for (var j = 1; j < count; j++)
152 {
153 if (j == 1) {
154 v1 = table.rows[i].cells[j].innerText;
155 } else {
156 if (table.rows[i].cells[j].innerText != v1) {
157 flg = "1";//值不相同
158 }
159 }
160 if (flg == "1") {
161 table.rows[i].className = "BgColor";
162 }
163 }
164 }
165 var nums="";
166 //对途经城市table做处理
167 for(var t=0;t<count-1;t++)
168 {
169 var tableid="table1_"+t;
170 var table1 = document.getElementById(tableid);
171 for(var m=0;m<table1.rows.length;m++)
172 {
173 if(table1.rows[m].cells[0].innerText.trim()=="--")
174 {
175 if(nums==""){
176 nums=m;
177 }else{
178 nums=nums+","+m;
179 }
180 }
181 }
182 }
183 for(var t=0;t<count-1;t++){
184 var tableid="table1_"+t;
185 var table1 = document.getElementById(tableid);
186 if(nums!=""){
187 for(var n=0;n<nums.split(',').length;n++)
188 {
189 table1.rows[nums.split(',')[n]].className = "BgColor1";
190 }
191 }
192 }
193 var nums1="";
194 //对途经景点table做处理
195 for(var t=0;t<count-1;t++)
196 {
197 var tableid="table2_"+t;
198 var table1 = document.getElementById(tableid);
199 for(var m=0;m<table1.rows.length;m++)
200 {
201 if(table1.rows[m].cells[0].innerText.trim()=="--")
202 {
203 if(nums1==""){
204 nums1=m;
205 }else{
206 nums1=nums1+","+m;
207 }
208 }
209 }
210 }
211 for(var t=0;t<count-1;t++){
212 var tableid="table2_"+t;
213 var table1 = document.getElementById(tableid);
214 if(nums1!=""){
215 for(var n=0;n<nums1.split(',').length;n++)
216 {
217 table1.rows[nums1.split(',')[n]].className = "BgColor1";
218 }
219 }
220 }
221 }
222 function showColor()
223 {
224 var table = document.getElementById("tblShow");
225 var rows = table.rows.length;
226 var count=<%=idcount %>;
227 var src1=document.getElementById("img1").src;
228 if(src1.substring(src1.indexOf("images"))=="images/glxs.png")
229 {
230 document.getElementById("img1").src="../../images/qxgl.png";
231 for (var i = 0; i < rows; i++)
232 {
233 var v1;
234 var flg="0";
235 for (var j = 1; j < count; j++)
236 {
237 if (j == 1) {
238 v1 = table.rows[i].cells[j].innerText;
239 } else {
240 if (table.rows[i].cells[j].innerText != v1) {
241 flg = "1";//值不相同
242 }
243 }
244 if (flg == "1") {
245 table.rows[i].className = "BgColor";
246 }
247 }
248 }
249 var nums="";
250 //对途经城市table做处理
251 for(var t=0;t<count-1;t++)
252 {
253 var tableid="table1_"+t;
254 var table1 = document.getElementById(tableid);
255 for(var m=0;m<table1.rows.length;m++)
256 {
257 if(table1.rows[m].cells[0].innerText.trim()=="--")
258 {
259 if(nums==""){
260 nums=m;
261 }else{
262 nums=nums+","+m;
263 }
264 }
265 }
266 }
267 for(var t=0;t<count-1;t++){
268 var tableid="table1_"+t;
269 var table1 = document.getElementById(tableid);
270 for(var n=0;n<nums.split(',').length;n++)
271 {
272 table1.rows[nums.split(',')[n]].className = "BgColor1";
273 }
274 }
275 var nums1="";
276 //对途经景点table做处理
277 for(var t=0;t<count-1;t++)
278 {
279 var tableid="table2_"+t;
280 var table1 = document.getElementById(tableid);
281 for(var m=0;m<table1.rows.length;m++)
282 {
283 if(table1.rows[m].cells[0].innerText.trim()=="--")
284 {
285 if(nums1==""){
286 nums1=m;
287 }else{
288 nums1=nums1+","+m;
289 }
290 }
291 }
292 }
293 for(var t=0;t<count-1;t++){
294 var tableid="table2_"+t;
295 var table1 = document.getElementById(tableid);
296 for(var n=0;n<nums1.split(',').length;n++)
297 {
298 table1.rows[nums1.split(',')[n]].className = "BgColor1";
299 }
300 }
301 }
302 else
303 {
304 document.getElementById("img1").src="../../images/glxs.png";
305 for (var i = 0; i < rows; i++)
306 {
307 if(table.rows[i].className == "BgColor")
308 {
309 table.rows[i].className = "";
310 }
311 }
312 var nums="";
313 //对途经城市table做处理
314 for(var t=0;t<count-1;t++)
315 {
316 var tableid="table1_"+t;
317 var table1 = document.getElementById(tableid);
318 for(var m=0;m<table1.rows.length;m++)
319 {
320 if(table1.rows[m].cells[0].innerText.trim()=="--")
321 {
322 if(nums==""){
323 nums=m;
324 }else{
325 nums=nums+","+m;
326 }
327 }
328 }
329 }
330 for(var t=0;t<count-1;t++){
331 var tableid="table1_"+t;
332 var table1 = document.getElementById(tableid);
333 for(var n=0;n<nums.split(',').length;n++)
334 {
335 table1.rows[nums.split(',')[n]].className = "tbl";
336 }
337 }
338 var nums1="";
339 //对途经景点table做处理
340 for(var t=0;t<count-1;t++)
341 {
342 var tableid="table2_"+t;
343 var table1 = document.getElementById(tableid);
344 for(var m=0;m<table1.rows.length;m++)
345 {
346 if(table1.rows[m].cells[0].innerText.trim()=="--")
347 {
348 if(nums1==""){
349 nums1=m;
350 }else{
351 nums1=nums1+","+m;
352 }
353 }
354 }
355 }
356 for(var t=0;t<count-1;t++){
357 var tableid="table2_"+t;
358 var table1 = document.getElementById(tableid);
359 for(var n=0;n<nums1.split(',').length;n++)
360 {
361 table1.rows[nums1.split(',')[n]].className = "tbl";
362 }
363 }
364 }
365 return false;
366 }
367 function hiddeTd()
368 {
369 var table = document.getElementById("tblShow");
370 var rows = table.rows.length;
371 var count=<%=idcount %>;
372 var src1=document.getElementById("img2").src;
373 if(src1.substring(src1.indexOf("images"))=="images/ycxt.png")
374 {
375 document.getElementById("img2").src="../../images/xsxt.png";
376 for (var i = 0; i < rows; i++) {
377 var v1;
378 var flg="0";
379 for (var j = 1; j < count; j++) {
380 if (j == 1) {
381 v1 = table.rows[i].cells[j].innerText;
382 } else
383 {
384 if (table.rows[i].cells[j].innerText != v1)
385 {
386 flg = "1";//值不相同
387 }
388 }
389 }
390 if (flg == "0") {
391 table.rows[i].style.display="none";
392 }
393 }
394 var nums="";
395 //对途经城市table做处理
396 for(var t=0;t<count-1;t++)
397 {
398 var tableid="table1_"+t;
399 var table1 = document.getElementById(tableid);
400 for(var m=0;m<table1.rows.length;m++)
401 {
402 if(table1.rows[m].cells[0].innerText.trim()=="--")
403 {
404 if(nums==""){
405 nums=m;
406 }else{
407 nums=nums+","+m;
408 }
409 }
410 }
411 }
412 var table11 = document.getElementById("table1_0");
413 var hidnums= "-1";
414 for(var n=0;n<table11.rows.length;n++)
415 {
416 var ffg="0";
417 for(var k=0;k<nums.split(',').length;k++)
418 {
419 if(n==nums.split(',')[k])
420 {
421 ffg="1";
422 }
423 }
424 if(ffg=="0")
425 {
426 if(hidnums=="-1"){
427 hidnums=n.toString();
428 }else{
429 hidnums=hidnums+","+n.toString();
430 }
431 }
432 }
433 for(var d=0;d<hidnums.split(',').length;d++)
434 {
435 for(var t=0;t<count-1;t++){
436 var tableid="table1_"+t;
437 var table1 = document.getElementById(tableid);
438 for(var s=0;s<table1.rows.length;s++)
439 {
440 if(s.toString()==hidnums.split(',')[d])
441 {
442 table1.rows[s].style.display="none";
443 }
444 }
445 }
446 }
447 var nums1="";
448 //对途经景点table做处理
449 for(var t=0;t<count-1;t++)
450 {
451 var tableid="table2_"+t;
452 var table1 = document.getElementById(tableid);
453 for(var m=0;m<table1.rows.length;m++)
454 {
455 if(table1.rows[m].cells[0].innerText.trim()=="--")
456 {
457 if(nums1==""){
458 nums1=m;
459 }else{
460 nums1=nums1+","+m;
461 }
462 }
463 }
464 }
465 var table12 = document.getElementById("table2_0");
466 var hidnums1= "-1";
467 for(var n=0;n<table12.rows.length;n++)
468 {
469 var ffg="0";
470 for(var k=0;k<nums1.split(',').length;k++)
471 {
472 if(n==nums1.split(',')[k])
473 {
474 ffg="1";
475 }
476 }
477 if(ffg=="0")
478 {
479 if(hidnums1=="-1"){
480 hidnums1=n.toString();
481 }else{
482 hidnums1=hidnums1+","+n.toString();
483 }
484 }
485 }
486 for(var d=0;d<hidnums1.split(',').length;d++)
487 {
488 for(var t=0;t<count-1;t++){
489 var tableid="table2_"+t;
490 var table1 = document.getElementById(tableid);
491 for(var s=0;s<table1.rows.length;s++)
492 {
493 if(s.toString()==hidnums1.split(',')[d])
494 {
495 table1.rows[s].style.display="none";
496 }
497 }
498 }
499 }
500 }
501 else
502 {
503 document.getElementById("img2").src="../../images/ycxt.png";
504 for (var i = 0; i < rows; i++)
505 {
506 if(table.rows[i].style.display=="none")
507 {
508 table.rows[i].style.display="";
509 }
510 }
511 for(var t=0;t<count-1;t++){
512 var tableid="table1_"+t;
513 var table1 = document.getElementById(tableid);
514 for(var k=0;k<table1.rows.length;k++)
515 {
516 if(table1.rows[k].style.display=="none")
517 {
518 table1.rows[k].style.display="";
519 }
520 }
521 }
522 for(var t=0;t<count-1;t++){
523 var tableid="table2_"+t;
524 var table1 = document.getElementById(tableid);
525 for(var k=0;k<table1.rows.length;k++)
526 {
527 if(table1.rows[k].style.display=="none")
528 {
529 table1.rows[k].style.display="";
530 }
531 }
532 }
533 }
534 }
535 // function changeCss1() {
536 // //event.srcElement设置或获取触发事件的对象。event.srcElement.parentElement获取触发事件的父标签对象
537 // event.srcElement.parentElement.className = "changeCss";
538 // }
539 // function restoreCss1() {
540 // event.srcElement.parentElement.className = "restoreCss";
541 // }
542 //onmouseover="changeCss1()" onmouseout="restoreCss1()"
543 function setup()
544 {
545 var src1=document.getElementById("image1").src;
546 if(src1.substring(src1.indexOf("images"))=="images/guding.png")
547 {
548 document.getElementById("locate").title="点击固定工具条";
549 document.getElementById("image1").src="../../images/qxgd.png";
550 //div在页面下方显示
551 sc2();
552 }else{
553 document.getElementById("locate").title="点击取消固定";
554 document.getElementById("image1").src="../../images/guding.png";
555 //div浮动在屏幕下方
556 sc3();
557 }
558
559 }
560 function sc2(){
561 var divId = document.getElementById("tool");
562 divId.style.position="relative";
563 divId.style.top="3px";
564 divId.style.left = "300px";
565 }
566 function sc3(){
567 var divId = document.getElementById("tool");
568 divId.style.position="fixed";
569 if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)) {
570 divId.style.top=(document.documentElement.clientHeight - divId.clientHeight + document.body.scrollTop) + "px";
571 } else {
572 divId.style.top=(document.documentElement.clientHeight - divId.clientHeight) + "px";
573 }
574 divId.style.left = (((document.body.clientWidth - divId.clientWidth) / 2 + document.body.scrollLeft)) + "px";
575 }
576 window.onresize=function(){ sc3();}
577 </script>
578 </head>
579 <body id="bdy" onload="sc3()">
580 <form id="form1" runat="server">
581 <div id="topp" class="header1">
582 <div class="HeaderL">
583 <div class="healo">
584 <td align="center" valign="middle" ><img style="max-width:66px;max-height:66px;_width:expression(this.width>=66&&this.width/66>=this.height/66?'66px':true);_height:expression(this.height>=66&&this.width/66<this.height/66?'66px':true);" src="<%=companyImgUrl %>" /></td></tr></div>
585 <div class="TravName">
586 <p>
587 <%=companyName%></p>
588 热线电话：<%=companyTel %><br />
589 <b>
590 <%=levelCity%></b> 出发
591 <%-- <a href="#"onclick="changeCities()">切换城市</a>--%>
592 </div>
593 </div>
594 <div style="float:left;line-height:20px;color:#fff;margin-top:0;">
595 <img src="../../images/new/bg_he.jpg" /></div>
596 </div>
597 <div style="width: 100%; height: 100%;margin-top: 2px;
598 float: left;">
599 <table id="tblShow" border="1" style="width: 100%; height: 100%; border-collapse: collapse;
600 border: 1px solid #ccc;" cellspacing="0" cellpadding="0">
601 <tr >
602 <td class="td1">
603 线路名称
604 </td>
605 <%for (int i = 0; i < dataTable.Rows.Count; i++)
606 { %>
607 <td class="tdd1">
608 <span>
609 <%=dataTable.Rows[i]["NAME"]%></span>
610 </td>
611 <%} %>
612 </tr>
613 <%-- <tr >
614 <td class="td1">
615 同行价格
616 </td>
617 <%for (int i = 0; i < dataTable.Rows.Count; i++)
618 { %>
619 <td class="tdd1">
620 <span>
621 <%=dataTable.Rows[i]["PRICE"]%></span>
622 </td>
623 <%} %>
624 </tr>--%>
625 <tr >
626 <td class="td1">
627 建议价格
628 </td>
629 <%for (int i = 0; i < dataTable.Rows.Count; i++)
630 { %>
631 <td class="tdd1">
632 <span>
633 <%=dataTable.Rows[i]["RECOMPRICE"]%></span>
634 </td>
635 <%} %>
636 </tr>
637 <tr >
638 <td class="td1">
639 供应商名称
640 </td>
641 <%for (int i = 0; i < dataTable.Rows.Count; i++)
642 { %>
643 <td class="tdd1">
644 <span>
645 <%=dataTable.Rows[i]["COMPANYNAME"]%></span>
646 </td>
647 <%} %>
648 </tr>
649 <tr >
650 <td class="td2">
651 途径目的地
652 </td>
653 <%for (int i = 0; i < dataTable.Rows.Count; i++)
654 { %>
655 <td class="tdd2">
656 <table id="table1_<%=i %>" width="100%">
657 <%for (int j = 0; j < dataTable.Rows[i]["PASSCITY_NAME"].ToString().Split(',').Length; j++)
658 {%>
659 <%if (dataTable.Rows[i]["PASSCITY_NAME"].ToString().Split(',')[j]!="")
660 { %>
661 <tr class="tbl">
662 <td height="18px" class="LongTextHidden12">
663 <span title="<%=dataTable.Rows[i]["PASSCITY_NAME"].ToString().Split(',')[j]%>">
664 <%=dataTable.Rows[i]["PASSCITY_NAME"].ToString().Split(',')[j]%></span>
665 </td>
666 </tr>
667 <%} %>
668 <%} %></table>
669 </td>
670 <%} %>
671 </tr>
672 <tr>
673 <td class="td2">
674 包含景点
675 </td>
676 <%for (int i = 0; i < dataTable.Rows.Count; i++)
677 { %>
678 <td class="tdd2">
679 <table id="table2_<%=i %>" width="100%" >
680 <%for (int j = 0; j < dataTable.Rows[i]["PLANNAME"].ToString().Split(',').Length; j++)
681 {%>
682 <%if (dataTable.Rows[i]["PLANNAME"].ToString().Split(',')[j] != "")
683 { %>
684 <tr class="tbl">
685 <td height="18px" class="LongTextHidden12">
686 <span title="<%=dataTable.Rows[i]["PLANNAME"].ToString().Split(',')[j]%>">
687 <%=dataTable.Rows[i]["PLANNAME"].ToString().Split(',')[j]%></span>
688 </td>
689 </tr>
690 <%} %>
691 <%} %></table>
692 </td>
693 <%} %>
694 </tr>
695 <tr >
696 <td class="td1">
697 购物店数量
698 </td>
699 <%for (int i = 0; i < dataTable.Rows.Count; i++)
700 { %>
701 <td class="tdd1">
702 <span>
703 <%=dataTable.Rows[i]["SHOPCOUNT"]%></span>
704 </td>
705 <%} %>
706 </tr>
707 <tr >
708 <td class="td1">
709 天数
710 </td>
711 <%for (int i = 0; i < dataTable.Rows.Count; i++)
712 { %>
713 <td class="tdd1">
714 <span>
715 <%=dataTable.Rows[i]["TIMES"]%></span>
716 </td>
717 <%} %>
718 </tr>
719 <tr >
720 <td class="td1">
721 交通方式
722 </td>
723 <%for (int i = 0; i < dataTable.Rows.Count; i++)
724 { %>
725 <td class="tdd1">
726 <span>
727 <%=dataTable.Rows[i]["TRAFFICTYPE"]%></span>
728 </td>
729 <%} %>
730 </tr>
731 <tr >
732 <td class="td1">
733 住宿标准
734 </td>
735 <%for (int i = 0; i < dataTable.Rows.Count; i++)
736 { %>
737 <td class="tdd1">
738 <span>
739 <%=dataTable.Rows[i]["HOTELS"]%></span>
740 </td>
741 <%} %>
742 </tr>
743 <tr >
744 <td class="td1">
745 线路类型
746 </td>
747 <%for (int i = 0; i < dataTable.Rows.Count; i++)
748 { %>
749 <td class="tdd1">
750 <span>
751 <%=dataTable.Rows[i]["TOURIST_TYPE"]%></span>
752 </td>
753 <%} %>
754 </tr>
755 </table>
756 <div id="tool" class="div1">
757 <div id="locate" title="点击取消固定" class="fdiv" onclick="setup()" style="display: block;">
758 <image id="image1" src="../../images/guding.png"></image>
759 </div>
760 <div class="con" style="margin-left:30px;">
761 <a href="#" onclick="return showColor();" id="compare_highlight" class="setup" >
762 <img id="img1" src="../../images/qxgl.png"></a> <a href="#" onclick="hiddeTd()" id="compare_equal" class="setup" style="width: 91px;">
763 <img id="img2" src="../../images/ycxt.png"></a>
764 </div>
765 </div>
766 </div>
767 </form>
768 </body>
769 </html>
