API tools faq
paste
Advertisement
Guest User

Tri Jagoan Internet

a guest
Nov 30th, 2012
519
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.49 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!