You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

188 lines
5.0 KiB

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RatePopUp.aspx.cs" Inherits="Swift.web.Exchange.RatePopUp" %>
  2. <!DOCTYPE html>
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head runat="server">
  5. <title>Today's Rate</title>
  6. <style>
  7. .trcolor{
  8. background-color:#FFFF00 !important;
  9. }
  10. .evenStl{
  11. background:#CC9966;
  12. }
  13. .oddStl{
  14. background:#FFFFCC;
  15. color:Red !important;
  16. }
  17. body{
  18. margin:0 auto;
  19. padding:0;
  20. font-family:Verdana, Geneva, sans-serif;
  21. }
  22. *{margin:0px;}
  23. .container
  24. {
  25. margin:0 auto;
  26. padding:0;
  27. background:#b8b8b8;
  28. border:1px solid #666;
  29. display:block;
  30. clear:both;
  31. border-radius:0 0 10px 10px;
  32. box-shadow:0px 0px 12px 0px;
  33. border-top:none;
  34. }
  35. .topPanel
  36. {
  37. clear:both;
  38. display:block;
  39. background:#ed1b24;
  40. color:#fff;
  41. height:80px;
  42. margin-bottom:0px;
  43. }
  44. .topPanel .topTitle
  45. {
  46. display:block;
  47. font-size:27px;
  48. font-weight:550;
  49. float:right;
  50. padding: 4px 30px 0px 0px;
  51. text-align: right;
  52. width: 50%;
  53. }
  54. .topPanel .topDate
  55. {
  56. width:35%;
  57. display:block;
  58. height:inherit;
  59. float:left;
  60. font-size: 20px;
  61. font-weight:600;
  62. vertical-align:bottom;
  63. }
  64. .bannerDiv
  65. {
  66. clear:both;
  67. display:block;
  68. /*margin-bottom:10px; */
  69. padding:-10px 20px;
  70. background:#4fab8f;
  71. }
  72. .bannerDiv table
  73. {
  74. width:100%;
  75. padding-left:10px;
  76. padding-bottom:5px;
  77. color:#fff;
  78. font-size:30px;
  79. font-weight:600;
  80. margin-top:-20px;
  81. }
  82. .tableDiv
  83. {
  84. /*padding:0 20px 15px;*/
  85. clear:both;
  86. border-radius:10px;
  87. }
  88. .mainTable
  89. {
  90. width:100%;
  91. font-family:Verdana, Geneva, sans-serif;
  92. border-radius:10px;
  93. margin-top:-10px;
  94. }
  95. .mainTable .trHeader td{
  96. background:#ed1b24;
  97. color:#FFFFFF;
  98. font-size:25px;
  99. font-weight:600;
  100. /*padding:5px 12px;*/
  101. text-align:center;
  102. }
  103. .mainTable .trRecord td
  104. {
  105. font-size:18px;
  106. padding:3px 12px;
  107. text-align:center;
  108. }
  109. .endDiv
  110. {
  111. background:#E00024;
  112. height:20px;
  113. width:100%;
  114. display:block;
  115. clear:both;
  116. }
  117. .clearfix{
  118. clear:both;
  119. }
  120. .amtField
  121. {
  122. text-align:right;
  123. padding-right:20px;
  124. }
  125. </style>
  126. </head>
  127. <body>
  128. <form id="form1" runat="server">
  129. <div class="container">
  130. <div class="topPanel" id="AgentInfoDiv" runat="server"></div>
  131. <div class="clearfix"></div>
  132. <div class="bannerDiv" id="AgentBannerDiv" runat="server"></div>
  133. <div class="tableDiv" id="MainTableDiv" runat="server"></div>
  134. <input id="rowid" name="rowid" value="" type="hidden"/>
  135. <asp:HiddenField id="hdnrowid" runat="server" />
  136. <asp:HiddenField id="NoOfData" runat="server" />
  137. </div>
  138. </form>
  139. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  140. <script>
  141. var table = $(".mainTable tbody");
  142. var length = table.find('tr').length;
  143. table.find('tr').each(function (i) {
  144. var el = $(this);
  145. if (i == 1) {
  146. el.addClass('trcolor');
  147. }
  148. else if (i > 1) {
  149. setTimeout(function () {
  150. table.find('tr').removeClass('trcolor');
  151. el.addClass('trcolor');
  152. var $tds = $(el).find('td');
  153. var path = '../Images/countryflag/' + $tds.eq(1).text() + ".png";
  154. var buy = $tds.eq(2).text() + ' USD = ' + $tds.eq(3).text() + ' KRW';
  155. var sell = $tds.eq(2).text() + ' USD = ' + $tds.eq(4).text() + ' ' + $tds.eq(1).text();
  156. $("#buying").html(buy);
  157. $("#selling").html(sell);
  158. $("#customerRate").html($tds.eq(5).text());
  159. $("#ImageDesc").html($tds.eq(0).text());
  160. $("#CurrImag").attr('src', path);
  161. if (i == length-1) {
  162. setTimeout(reload, 5000);
  163. }
  164. }, i * 5000);
  165. }
  166. });
  167. function reload()
  168. {
  169. location.reload();
  170. }
  171. </script>
  172. </body>
  173. </html>