Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Tri Jagoan Internet

By: a guest on Nov 30th, 2012  |  syntax: HTML  |  size: 14.49 KB  |  views: 193  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12.  
  13. <head>
  14.        
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23. <title>Tri Jagoan Internet</title>
  24.  
  25. <script type="text/javascript"  src="/resource/js/jquery-1.4.4.js"></script>
  26. <script type="text/javascript"  src="/resource/js/main.js"></script>
  27. <script type="text/javascript"  src="/resource/js/event.js"></script>
  28. <script type="text/javascript"  src="/resource/js/jquery-ui.min.js"></script>
  29. <script type="text/javascript"  src="/resource/js/ui.selectmenu.js"></script>
  30. <script type="text/javascript"  src="/resource/js/jquery.poshytip.min.js"></script>
  31. <script type="text/javascript"  src="/resource/js/grid.locale-en.js"></script>
  32. <script type="text/javascript"  src="/resource/js/jquery.jqGrid.min.js"></script>
  33. <script type="text/javascript"  src="/resource/hcpt/js/corners.js"></script>
  34. <script type="text/javascript"  src="/resource/hcpt/js/jquery.flexslider-min.js"></script>
  35. <script type="text/javascript"  src="/resource/js/kindeditor/kindeditor-min.js"></script>
  36. <script type="text/javascript"  src="/resource/js/kindeditor/lang/en.js"></script>
  37. <link href="/resource/hcpt/css/ecare.css" type="text/css" rel="stylesheet" />
  38. <link href="/resource/css/jquery-ui-1.8.8.custom.css" type="text/css" rel="stylesheet" />
  39. <link href="/resource/css/ui.jqgrid.css" type="text/css" rel="stylesheet" />
  40. <link href="/resource/css/tip-yellowsimple/tip-yellowsimple.css" type="text/css" rel="stylesheet" />
  41. <link href="/resource/js/kindeditor/default.css" type="text/css" rel="stylesheet" />
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.         <link rel="shortcut icon" href="/resource/default/favicon.ico"/>
  51.         <link rel="icon" href="/resource/default/favicon.ico">
  52.         <link rel="bookmark" href="/resource/default/favicon.ico"/>
  53. </head>
  54.  
  55.  
  56. <body>
  57. <input type="hidden" id="pageDirection" value="ltr"/>
  58. <div id="fond_haut">
  59.         <div id="top_haut" class="clear_after position_r">
  60.                
  61.  
  62.  
  63.  
  64.  
  65.  
  66. <input type="hidden" id="contextPath" value=""/>
  67.             <h1 id="logo_case">
  68.                                 <a href="/"><img src="/resource/hcpt/images/logo.jpg" /></a>
  69.             </h1>
  70.                        
  71.                         <div id="menu_main" class="position_a">
  72.                 <ul class="menu_row clear_after">
  73.                                   <li class="left"></li>
  74.                                   <li class="menu"><a href="/">Home</a></li>
  75.                                   <li class="menu"><a href="/mis/product">Produk</a></li>
  76.                                   <li class="menu"><a href="/coverage/init">Jangkauan</a></li>
  77.                                   <li class="menu"><a href="/mis/mis3Care">3Care</a></li>
  78.                                  
  79.                                         <li class="menu"><a href="/contactUs/init">Hubungi Kami</a></li>
  80.                                  
  81.                                   <li class="search">
  82.                                 <form id="search-form" name="search-form" method="get" action="">
  83.                                         <input type="text" name="keyword" id="keyword" />
  84.                                 </form>    
  85.                                     <a href="http://www.tri.co.id/"><img src="/resource/hcpt/images/button_tri.png" /></a>
  86.                                     <a href="http://www.facebook.com/triindonesia" target="_blank"><img src="/resource/hcpt/images/button_facebook.png" /></a>
  87.                                     <a href="http://www.twitter.com/twitpaketri" target="_blank"><img src="/resource/hcpt/images/button_twitter.png" style="margin-left:3px" /></a>
  88.                                   </li>
  89.                                   <li class="right"></li>
  90.                             </ul>
  91.             </div>
  92.  
  93.  
  94.  
  95.  
  96.  
  97.         </div>
  98.         <div id="mid_haut">
  99.                 <div id="container_l" class="clear_after position_r">
  100.                         <div id="menu_hint" class="clear_overflow menu_row position_a">
  101.                                
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.        
  109.                                 <p class="float_l">
  110.                                
  111.                                        
  112.                                        
  113.                                                 <a href="/changeLanguage/change/en_US" >English version</a>
  114.                                                 <input type="hidden" value="en_US" id="lang"/>
  115.                                        
  116.                                 </p>
  117.  
  118.                         <p class="float_r">    
  119.        
  120.                                 <input type="hidden" id="logOut" value="Apakah kamu yakin ingin keluar dari Tri Self-Care?" />
  121.                                 <input type="button" id="buttonDoLogOut" value="Logout" />
  122.                         </p>
  123.        
  124.                        
  125.                
  126.  
  127.  
  128.                         </div>
  129.                         <div id="menu_function">
  130.                                
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137. <!-- parent menu -->
  138. <div class="main_menu clear_overflow">
  139.  
  140.        
  141.        
  142.                
  143.                
  144.                        
  145.                
  146.        
  147.        
  148.                
  149.                        
  150.                
  151.                
  152.        
  153.        
  154.         <!-- Parent menu html -->
  155.         <a href="/submenu/init/M10001" ><b>Ubah profile setting</b></a>
  156.  
  157. </div>
  158.  
  159. <!-- child menu -->
  160.  
  161.  
  162.  
  163.  
  164.  
  165.                         </div>
  166.                 </div> 
  167.                 <div id="container_r" class="clear_after">
  168.                        
  169.                        
  170. <div class="errormessage">
  171.  
  172. </div>
  173.                        
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181. <div class="container_r_con">
  182. <div id="cus_infor" class="float_l form_table" style="width:510px; margin-right:20px; *margin-right:0; ">
  183.        
  184.                
  185.                        
  186.                        
  187.                                 <h2><img src="/resource/hcpt/images/profile_kartu-in_ID.jpg"  /></h2>
  188.                        
  189.                
  190.  
  191.        
  192.        <div class="clear_overflow">
  193.            <dl>
  194.                <dt>Nomor Tri</dt>
  195.                <dd>6289606417544</dd>
  196.            </dl>
  197.            <dl>
  198.                <dt>Jenis Kartu</dt>
  199.                <dd>Prabayar</dd>
  200.            </dl>
  201.            <dl>
  202.                <dt>Total Pulsa</dt>
  203.                <dd>Rp. 5,000</dd>
  204.            </dl>
  205.            <dl>
  206.                <dt>Masa Aktif Kartu</dt>
  207.                <dd>29 Feb 2013</dd>
  208.            </dl>
  209.        </div>
  210.    
  211.        
  212.                <div id="cor_out" class="cor_out" style="border:4px solid #EEE; margin:30px 0; width:500px">
  213.                    <div id="cor_in" class="cor_in">
  214.                        <h2 style="margin:0 20px">Always On</h2>
  215.                        <table class="home_page" style="margin:0 10px">
  216.                         <tr>
  217.                                 <th style="vertical-align:bottom">Sisa Kuota</th>
  218.                                 <td><img  title="Sisa 18722MB"
  219.                                  src="/dataImg/getRadius?remain=18722"></td>
  220.                         </tr>
  221.                         <tr>
  222.                                 <th>Masa Berlaku Kuota s/d</th>
  223.                                 <td><b style="padding-left:30px">31 Nov 2012</b></td>
  224.                         </tr>
  225.                         <tr>
  226.                                 <th>Sisa Masa Berlaku</th>
  227.                                 <td><div style="margin-left:30px"><img title="Sisa&nbsp;2 &nbsp;hari"
  228.                                 src="/dataImg/getRectangle?remain=2"></div></td>
  229.                         </tr>
  230.                        </table>
  231.                    </div>
  232.                </div>
  233.                <br/>
  234.        
  235.        
  236.        <div class="clear"></div>  
  237. <script>      
  238.       settings = {
  239.       tl: { radius: 15 },
  240.       tr: { radius: 15 },
  241.       bl: { radius: 15 },
  242.       br: { radius: 15 },
  243.       antiAlias: true,
  244.       autoPad: true
  245.     }
  246.  
  247.         $('.cor_in').each(function(){
  248.                 var obj = new curvyCorners(settings, this);
  249.         obj.applyCornersToAll();
  250.         });
  251.        
  252.         $('.cor_out').each(function(){
  253.                 var obj = new curvyCorners(settings, this);
  254.         obj.applyCornersToAll();
  255.         });
  256. </script>      
  257. </div>
  258. <div class="clear_overflow menu_row">
  259.         <dl class="clear_overflow">
  260.        
  261.        
  262.        
  263.         <dt>
  264.                        
  265.                                
  266.                                
  267.                                         <img src="/resource/hcpt/images/profile-voucher-in_ID.jpg" />
  268.                                
  269.                        
  270.         </dt>
  271.           <dd class="bg_color_input">
  272.                 <input id="voucherCode" type="text" style="width:305px" maxlength='24' value='Masukkan Kode Voucher' onfocus="clearDefaultDate()" onblur="addDefaultDate()"/>
  273.                 <input type="button" id="voucherCardRecharge" onclick="voucherCardRecharge();"/>
  274.           </dd>
  275.       </dl><br />
  276.       <dl class="clear_overflow">
  277.         <dt>
  278.                
  279.                                
  280.                                
  281.                                 <img src="/resource/hcpt/images/profile-paket-in_ID.jpg" />
  282.                                
  283.                        
  284.                
  285.         </dt>
  286.            <dd class="bg_color_input">
  287.                    <select id="serviceType">
  288.                                
  289.                                         <option value="Paket 500MB (Rp.35,000)_in_ID">Paket 500MB (Rp.35,000)</option>
  290.                                
  291.                                         <option value="Paket 1GB (Rp.50,000)_in_ID">Paket 1GB (Rp.50,000)</option>
  292.                                
  293.                                         <option value="Paket 2GB (Rp.75,000)_in_ID">Paket 2GB (Rp.75,000)</option>
  294.                                
  295.                                         <option value="Paket 5GB (Rp.125,000)_in_ID">Paket 5GB (Rp.125,000)</option>
  296.                                
  297.                                         <option value="AON 6 Bulan (RP,35,000)_in_ID">AON 6 Bulan (RP,35,000)</option>
  298.                                
  299.                                         <option value="AON 12 Bulan (RP,50,000)_in_ID">AON 12 Bulan (RP,50,000)</option>
  300.                                
  301.                                         <option value="AON 1 Bulan (RP,10,000)_in_ID">AON 1 Bulan (RP,10,000)</option>
  302.                                
  303.                                         <option value="Kuota++ 700MB (Rp.35,000)_in_ID">Kuota++ 700MB (Rp.35,000)</option>
  304.                                
  305.                                         <option value="Kuota++ 1.25GB (Rp.50,000)_in_ID">Kuota++ 1.25GB (Rp.50,000)</option>
  306.                                
  307.                                         <option value="Kuota++ 3GB (Rp.100,000)_in_ID">Kuota++ 3GB (Rp.100,000)</option>
  308.                                
  309.                                         <option value="Kenyang Download 10GB (Rp. 50,000)_in_ID">Kenyang Download 10GB (Rp. 50,000)</option>
  310.                                
  311.                    </select>
  312.                <input type="button" id="purchaseDataPackage" onclick="purchaseDataPackage()"/>
  313.            </dd>
  314.            <dd style="padding:2px; font-size:9pt">*) Harga sudah termasuk PPN</dd>
  315.        </dl>
  316. </div><br />
  317. <style>
  318. select{background:none}
  319. </style>
  320. <script type="text/javascript">
  321.   function purchaseDataPackage()
  322.   {
  323.             var serviceT = encodeURIComponent($("#serviceType").val());
  324.                 window.location.href="/purchaseDataPackage/init?serviceType="+serviceT;
  325.                
  326.   }
  327.  
  328.   function voucherCardRecharge()
  329.   {
  330.          var ss = $.trim($("#voucherCode").val());
  331.          var defaultcode = 'Masukkan Kode Voucher';
  332.          if(ss == defaultcode)
  333.          {
  334.                 ss = '';
  335.          }
  336.          window.location.href="/voucherCardRecharge/init?voucherCode="+ss;
  337.   }
  338.  
  339.  
  340.  function clearDefaultDate()
  341.  {
  342.    var inputcode = $.trim($("#voucherCode").val());
  343.    var code = 'Masukkan Kode Voucher';
  344.    if(inputcode == code)
  345.    {
  346.                 $("#voucherCode").val("");
  347.         }
  348.  }
  349.  
  350.  function addDefaultDate()
  351.  {
  352.         var code = $.trim($("#voucherCode").val());
  353.         var defaultcode = 'Masukkan Kode Voucher';
  354.         if(''== code )
  355.         {
  356.                 $("#voucherCode").val(defaultcode);
  357.         }
  358.  }
  359.  
  360. </script>
  361. </div>
  362.                        
  363.                         <div class="bg_l_m_r bg_radius">
  364.                         <div class="bg_mid">
  365.                                 <div class="bg_inner">
  366.                                         <a href="/userRegist/init">Anda belum terdaftar. Mohon klik link nya untuk mendaftar.</a>
  367.                                 </div>
  368.                         </div>
  369.                 </div><br />
  370.                
  371.                 </div>
  372.                 <div class="bg_bottom bg_l_m_r main_show">
  373.                 <div class="bg_mid"><div class="bg_inner"></div></div>
  374.         </div>
  375.                
  376.  
  377.         <div class="flexslider">
  378.             <ul class="slides">
  379.            
  380.                 <li>
  381.                         <a href="http://www.tri.co.id/bebasitunyata.php"><img src="/resource/hcpt/images/Banner Launch AlwaysOn.JPG" /></a>
  382.                 </li>
  383.                
  384.                 <li>
  385.                         <a href="http://www.tri.co.id/bebasitunyata.php"><img src="/resource/hcpt/images/Banner Launch AlwaysOn Bima.JPG" /></a>
  386.                 </li>
  387.                
  388.                 <li>
  389.                         <a href="http://www.tri.co.id/bebasitunyata.php"><img src="/resource/hcpt/images/Banner Launch AlwaysOn Sasha.JPG" /></a>
  390.                 </li>
  391.                
  392.                 <li>
  393.                         <a href="http://internet.tri.co.id/mis/forwardPage/ContentAlwaysOn"><img src="/resource/hcpt/images/KOLATERAL TWITTER_banner.jpg" /></a>
  394.                 </li>
  395.             </ul>
  396.         </div>
  397.         <script type="text/javascript">
  398.                         $('.flexslider').flexslider(
  399.                         {
  400.                                 animation: "fade",
  401.                                 animationDuration: 2000,
  402.                                 slideshowSpeed: 15000
  403.                         }
  404.                         );
  405.         </script>
  406.  
  407.        
  408. <ul class="menu_row clear_overflow">
  409.         <li><a
  410.                 href="/mis/forwardPage/ContentAlwaysOn"><img
  411.                 src="/resource/hcpt/images/banner1_335.jpg"
  412.                 alt="Banyak pilihan sesuai kebutuhan" /></a></li>
  413.         <li><a
  414.                 href="/mis/forwardPage/ContentPakeTriAlwaysOn"><img
  415.                 src="/resource/hcpt/images/banner2_335.jpg"
  416.                 alt="Tersedia dalam beragam kuota" /></a></li>
  417.         <li><a
  418.                 href="/mis/forwardPage/productPage1"><img
  419.                 src="/resource/hcpt/images/banner3_335.jpg"
  420.                 alt="Paket internet termurah" /></a></li>
  421. </ul>
  422.  
  423.                
  424.  
  425.  
  426.  
  427.  
  428.  
  429.  
  430. <script type="text/javascript">
  431. function getSub(parentItem){
  432.         //var parentItem = $("#parentItem").val();
  433.         //modify by fanggt at 2012-5-18
  434.         if(parentItem==null||parentItem == ""||parentItem=="null"){
  435.                 var initSelect = '<select id="_subCity">'+
  436.                         '<option value="">[Pilih Kecamatan]</option>'+
  437.                 '</select>';
  438.                 $("#_subSpan").html(initSelect);
  439.                 return;
  440.         }
  441.         $.post(path+"/coverage/getSubCity",{"parentCity":parentItem},function(data){
  442.                 $("#_subSpan").html(data);
  443.         });
  444. }
  445. function getMainMap(){
  446.         var parentItem = $("#parentItem").val();
  447.         var subCity = $("#_subSpan select").val();
  448.         //if(parentItem == ""){
  449.         //      dialogAlert("<p>"+"[Pilih Area]"+"</p>");
  450.         //      return false;
  451.         //}
  452.         if(parentItem != "null" && subCity == ""){
  453.                 parentItem = "";
  454.         }
  455.         document.location.href=path+"/coverage/init?parentCity="+parentItem+"&subCity="+subCity;
  456.        
  457. }
  458. </script>
  459.  
  460. <div class="bg_l_m_r bg_radius">
  461. <div class="bg_mid">
  462. <div class="bg_inner">
  463. <dl class="menu_row form_table">
  464.         <dt class="float_l">Cari sinyal kencang Tri :</dt>
  465.         <dd><input name="signal" id="hsdpa" value="hsdpa"
  466.                 checked="checked" type="radio" /><label for="hsdpa">Sinyal HSDPA Tri</label></dd>
  467.         <dd id="city-selector"><label>Kota</label>
  468.                 <select id="parentItem"  name="parentItem" > <option value="null">[Pilih Area]</option>
  469.  <option value="bandung">Bandung</option>
  470.  <option value="batam">Batam</option>
  471.  <option value="denpasar">Denpasar</option>
  472.  <option value="jakarta">Jabotabek</option>
  473.  <option value="medan">Medan</option>
  474.  <option value="semarang">Semarang</option>
  475.  <option value="surabaya">Surabaya</option>
  476.  <option value="yogyakarta">Yogyakarta</option>
  477. </select>
  478.          <label>Kecamatan</label>
  479.          <span id="_subSpan">
  480.                 <select id="_subCity">
  481.                         <option value="">[Pilih Kecamatan]</option>
  482.                 </select> </span></dd>
  483.         <dd style="float:right"><input name="searchmap" id="searchmap"
  484.                 src="/resource/coverage/index2_85.gif" onclick="getMainMap();" type="image" /></dd>
  485. </dl>
  486. </div>
  487. </div>
  488. </div>
  489. <br /><br />
  490. <div class="bg_bottom bg_l_m_r">
  491.         <div class="bg_mid"><div class="bg_inner"></div></div>
  492. </div><br />
  493. <script type="text/javascript">
  494. <!--
  495. $(function(){
  496.         $("#parentItem").change(function(){
  497.                 getSub($(this).val());
  498.         });
  499. })
  500. //-->
  501. </script>
  502.  
  503.         </div>
  504.         <div id="footer_haut">
  505.                 <div id="footer_txt" class="clear_overflow">
  506.     <div class="float_l">Copyright&reg;Huawei Technologies Co.,Ltd.2010.All rights reserved.</div>
  507.     <div class="float_r">
  508.         <img src="/resource/hcpt/images/hutchison_logo.png" class="float_l position_r" style="top:-5px; left:-5px" alt="Hutchison CP Telecommunications" />
  509.          A member of Hutchison Telecom international<br />
  510. A Hutchison Whampoa Company
  511.      </div>
  512. </div>
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522.         </div>
  523. </div>
  524.        
  525.                        
  526.  
  527. </body>
  528. </html>