Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script>
- $(document).ready(function(e) {
- $("#map_area").change(function(){
- var id = $(this).val();
- if(id!=''){
- GetStore(id);
- }else{
- $("#store").empty();
- }
- });
- });
- function GetStore(id){
- $("#store").empty();
- $("#store").append('<option value="0">-- Searching Data --</option>');
- $.ajax({
- type: 'POST',
- url: '<?php echo Yii::app()->createAbsoluteUrl("hubungi/datastore"); ?>',
- dataType: 'json',
- data:{
- id: id
- },
- cache: false,
- success: function (result) {
- $("#store").empty();
- if(result==''){
- $("#store").append('<option value="0">-- Tidak Ada --</option>');
- }else{
- var items = [];
- $.each(data, function(i, item) {
- items.push('<li>'+item.store+'</li>');
- });
- $('#databranch').append( items.join('') );
- /*$.each(result, function() {
- $("#store").append($('<option>', {
- value: this.branch,
- text : this.store
- }));
- });*/
- }
- },
- error: function(jqXHR, exception){
- alert('DB Error : Store Data Provide');
- }
- });
- }
- </script>
- <style>
- select {
- padding:7px;
- margin: 0;
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- border-radius:4px;
- -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
- -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
- box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
- background: #f8f8f8;
- color:#888;
- border:none;
- outline:none;
- display: inline-block;
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- cursor:pointer;
- }
- /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
- @media screen and (-webkit-min-device-pixel-ratio:0) {
- select {padding-right:18px}
- }
- label {position:relative}
- label:after {
- content:'<>';
- font:11px "Consolas", monospace;
- color:#aaa;
- -webkit-transform:rotate(90deg);
- -moz-transform:rotate(90deg);
- -ms-transform:rotate(90deg);
- transform:rotate(90deg);
- right:8px; top:2px;
- padding:0 0 2px;
- border-bottom:1px solid #ddd;
- position:absolute;
- pointer-events:none;
- }
- label:before {
- content:'';
- right:6px; top:0px;
- width:20px; height:20px;
- background:#f8f8f8;
- position:absolute;
- pointer-events:none;
- display:block;
- }
- </style>
- <div class="site_wrapper">
- <div class="boxed_wrapper">
- <div class="page_title">
- <div class="container">
- <div class="leaft_title"><h1>Hubungi Kami</h1></div>
- </div>
- </div>
- <div class="container">
- <div class="mar_top2"></div>
- <div class="content_fullwidth">
- <div id="content_area">
- <div class="one_half">
- <div class="address-info">
- <h2>Address Info</h2>
- <table>
- <tr>
- <td>Area</td>
- <td>:</td>
- <td>
- <label>
- <?php
- $models = MapArea::model()->findAll();
- $list = CHtml::listData($models, 'id', 'map_area');
- echo CHtml::dropDownList('map_area', NULL, $list, array('empty' => '-- Pilih --'));
- ?>
- </label>
- </td>
- </tr>
- <tr>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td></td>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td>Store Mapping</td>
- <td>:</td>
- <td>
- <label>
- <select id="store"></select>
- </label>
- <div>
- <ul id="databranch"></ul>
- </div>
- </td>
- </tr>
- </table>
- </div>
- </div>
- <div class="one_half last">
- <h2>Contact Form</h2>
- <form action="#" method="post">
- <fieldset>
- <label for="name" class="blocklabel">Your Name*</label>
- <p class="" ><input name="yourname" class="input_bg" type="text" id="name" value=''/></p>
- <label for="email" class="blocklabel">E-Mail*</label>
- <p class="" ><input name="email" class="input_bg" type="text" id="email" value='' /></p>
- <label for="website" class="blocklabel">Website</label>
- <p><input name="website" class="input_bg" type="text" id="website" value=""/></p>
- <label for="message" class="blocklabel">Your Message*</label>
- <p class=""><textarea name="message" class="textarea_bg" id="message" cols="20" rows="7" ></textarea></p>
- <p>
- <input type="hidden" id="myemail" name="myemail" value="gsrthemes9@gmail.com" />
- <input type="hidden" id="myblogname" name="myblogname" value="yourcompanyname.com" />
- <div class="clearfix"></div>
- <input name="Send" type="submit" value="SUBMIT" class="button medium align" id="send"/></p>
- </fieldset>
- </form>
- </div>
- </div>
- </div>
- <div class="mar_top7"></div>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement