Advertisement
Guest User

baru

a guest
Oct 30th, 2014
239
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.67 KB | None | 0 0
  1. <script>
  2. $(document).ready(function(e) {
  3.     $("#map_area").change(function(){
  4.         var id = $(this).val();
  5.         if(id!=''){
  6.             GetStore(id);
  7.         }else{
  8.             $("#store").empty();
  9.         }
  10.     });
  11. });
  12.  
  13. function GetStore(id){
  14.     $("#store").empty();
  15.     $("#store").append('<option value="0">-- Searching Data --</option>');
  16.     $.ajax({
  17.         type: 'POST',
  18.         url: '<?php echo Yii::app()->createAbsoluteUrl("hubungi/datastore"); ?>',
  19.         dataType: 'json',
  20.         data:{
  21.             id: id
  22.         },
  23.         cache: false,
  24.         success: function (result) {
  25.             $("#store").empty();
  26.             if(result==''){
  27.                 $("#store").append('<option value="0">-- Tidak Ada --</option>');
  28.             }else{
  29.                 var items = [];
  30.                 $.each(data, function(i, item) {
  31.                     items.push('<li>'+item.store+'</li>');
  32.                 });
  33.                 $('#databranch').append( items.join('') );
  34.                 /*$.each(result, function() {
  35.                     $("#store").append($('<option>', {
  36.                         value: this.branch,
  37.                         text : this.store
  38.                     }));
  39.                 });*/
  40.             }
  41.         },
  42.         error: function(jqXHR, exception){
  43.             alert('DB Error : Store Data Provide');
  44.         }
  45.     });
  46. }
  47. </script>
  48.  
  49. <style>
  50. select {
  51.     padding:7px;
  52.     margin: 0;
  53.     -webkit-border-radius:4px;
  54.     -moz-border-radius:4px;
  55.     border-radius:4px;
  56.     -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  57.     -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  58.     box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  59.     background: #f8f8f8;
  60.     color:#888;
  61.     border:none;
  62.     outline:none;
  63.     display: inline-block;
  64.     -webkit-appearance:none;
  65.     -moz-appearance:none;
  66.     appearance:none;
  67.     cursor:pointer;
  68. }
  69.  
  70. /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
  71. @media screen and (-webkit-min-device-pixel-ratio:0) {
  72.     select {padding-right:18px}
  73. }
  74.  
  75. label {position:relative}
  76. label:after {
  77.     content:'<>';
  78.     font:11px "Consolas", monospace;
  79.     color:#aaa;
  80.     -webkit-transform:rotate(90deg);
  81.     -moz-transform:rotate(90deg);
  82.     -ms-transform:rotate(90deg);
  83.     transform:rotate(90deg);
  84.     right:8px; top:2px;
  85.     padding:0 0 2px;
  86.     border-bottom:1px solid #ddd;
  87.     position:absolute;
  88.     pointer-events:none;
  89. }
  90. label:before {
  91.     content:'';
  92.     right:6px; top:0px;
  93.     width:20px; height:20px;
  94.     background:#f8f8f8;
  95.     position:absolute;
  96.     pointer-events:none;
  97.     display:block;
  98. }
  99. </style>
  100.  
  101. <div class="site_wrapper">
  102.  
  103. <div class="boxed_wrapper">
  104.  
  105. <div class="page_title">
  106.     <div class="container">
  107.         <div class="leaft_title"><h1>Hubungi Kami</h1></div>
  108.     </div>
  109. </div>
  110.  
  111. <div class="container">
  112.  
  113.     <div class="mar_top2"></div>
  114.  
  115.     <div class="content_fullwidth">
  116.            
  117.         <div id="content_area">
  118.  
  119.             <div class="one_half">
  120.            
  121.             <div class="address-info">
  122.                     <h2>Address Info</h2>
  123.                     <table>
  124.                       <tr>
  125.                           <td>Area</td>
  126.                           <td>:</td>
  127.                           <td>
  128.                             <label>
  129.                                 <?php
  130.                                    $models = MapArea::model()->findAll();
  131.                                     $list = CHtml::listData($models, 'id', 'map_area');
  132.                                     echo CHtml::dropDownList('map_area', NULL, $list, array('empty' => '-- Pilih --'));
  133.                                 ?>
  134.                             </label>
  135.                           </td>
  136.                       </tr>
  137.                       <tr>
  138.                           <td></td>
  139.                           <td></td>
  140.                           <td></td>
  141.                       </tr>
  142.                       <tr>
  143.                           <td></td>
  144.                           <td></td>
  145.                           <td></td>
  146.                       </tr>
  147.                       <tr>
  148.                           <td>Store Mapping</td>
  149.                           <td>:</td>
  150.                           <td>
  151.                             <label>
  152.                                 <select id="store"></select>
  153.                             </label>
  154.                             <div>
  155.                                 <ul id="databranch"></ul>
  156.                             </div>
  157.                           </td>
  158.                       </tr>
  159.                   </table>
  160.                 </div>
  161.             </div>
  162.              
  163.            
  164.             <div class="one_half last">            
  165.            
  166.             <h2>Contact Form</h2>
  167.        
  168.                     <form action="#" method="post">
  169.                    
  170.                         <fieldset>
  171.                        
  172.                                                
  173.                         <label for="name" class="blocklabel">Your Name*</label>
  174.                         <p class="" ><input name="yourname" class="input_bg" type="text" id="name" value=''/></p>
  175.                        
  176.                        
  177.                         <label for="email" class="blocklabel">E-Mail*</label>
  178.                         <p class="" ><input name="email" class="input_bg" type="text" id="email" value='' /></p>
  179.                        
  180.                        
  181.                         <label for="website" class="blocklabel">Website</label>
  182.                         <p><input name="website" class="input_bg" type="text" id="website" value=""/></p>
  183.                        
  184.                        
  185.                         <label for="message" class="blocklabel">Your Message*</label>
  186.                         <p class=""><textarea name="message" class="textarea_bg" id="message" cols="20" rows="7" ></textarea></p>
  187.                        
  188.                        
  189.                         <p>
  190.                         <input type="hidden" id="myemail" name="myemail" value="gsrthemes9@gmail.com" />
  191.                         <input type="hidden" id="myblogname" name="myblogname" value="yourcompanyname.com" />
  192.                         <div class="clearfix"></div>
  193.                         <input name="Send" type="submit" value="SUBMIT" class="button medium align" id="send"/></p>
  194.                                                
  195.                         </fieldset>
  196.                        
  197.                         </form>
  198.             </div>              
  199.        
  200.         </div>
  201.                
  202.     </div>
  203.    
  204.     <div class="mar_top7"></div>
  205.  
  206. </div>
  207.  
  208. </div>
  209.  
  210. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement