You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
information-system/application/third_party/form/views/preview.php

194 lines
8.6 KiB
PHTML

<html lang="en">
<head>
<meta charset="utf-8">
<title>China Travel Agency, Tour with China Highlights - Since 1959!</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="apple-mobile-web-app-title" content="China Highlights - Since 1959!">
<meta name="description" content="China travel agency offers China Tours, Yangtze River Cruises, Domestic Flights &amp; Hotels. Helping over 10,000+ people tour China each year, maybe you?">
<meta name="keywords" content="china travel, china travel agency">
<meta name="p:domain_verify" content="df1b7fba802e7ad63b2cf10467750b94">
<link rel="stylesheet" href="http://data.chinahighlights.com/css/min.php?f=/public/css/global.min.css,/public/css/homepage.css&amp;v=20160216">
<!--[if lte IE 9]>
<link href="http://data.chinahighlights.com/public/js/fixie/respond-proxy.html" id="respond-proxy" rel="respond-proxy" />
<link href="/public/js/fixie/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" />
<script src="http://data.chinahighlights.com/js/min.php?f=/public/js/respond.min.js,/public/js/fixie/respond.proxy.js"></script>
<![endif]-->
<script async="" src="//www.google-analytics.com/analytics.js"></script><script src="http://data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js"></script>
<link rel="stylesheet" href="data:text/css,@import%20url%28%27%20http%3A//static.tacdn.com/css2/widget/cdswidSSP-v2414594452b.css%20%27%29%3B">
<script type="text/javascript" src="http://static.tacdn.com/js3/widget/cdswidgets_m-c-v2102084671b.js"></script>
</head>
<body>
<div id="header">
<div class="container">
<div class="row hidden-xs hidden-sm" id="headerLinkRight">
<div class="col-lg-24">
<ul class="list-inline pull-right">
<li><a rel="nofollow" href="/contactus/">Contact us</a></li>
<li><a href="/aboutus/" rel="nofollow">About us</a></li>
</ul>
<div class="tollfree pull-right">
<i class="fa fa-phone"></i>
<div class="currentNo"> <strong>USA/CA:</strong>800-2682918 </div>
<div class="freePhone"> <span><strong>AU:</strong> 1800-764678</span> <span><strong>UK:</strong> 0800-0327753</span> <span><strong>All:</strong> 86-773-2831999</span><span class="closeBlock"><img src="http://data.chinahighlights.com/css/images/global/phone-close.png"></span> </div>
</div>
</div>
</div>
</div>
<div id="mainnav" class="nav navbar navbar-inverse" role="navigation">
<div class="container">
<div class="row">
<div class="col-lg-4 col-sm-4 logobox hidden-xs"> <a href="/"> <img src="http://data.chinahighlights.com/pic/logo/logo-132x104.png" alt="China Highlights" class="img-responsive">
</a> </div>
<div class="col-lg-21 col-sm-20 col-lg-offset-3 col-sm-offset-3">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<div class="navbar-brand visible-xs"> <a rel="nofollow" href="/"><img src="http://data.chinahighlights.com/pic/home-mobile.png"></a> | <a rel="nofollow" href="/tour/">Tours</a> | <a rel="nofollow" href="/china-trains/">Trains</a> | <a rel="nofollow" href="/tour/create-my-trip.htm">Create My Trip</a> </div>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav chNav">
<li class="hidden-xs"><a href="/">Home</a></li>
<li class="hidden-xs"><a href="/tour/">China Tours</a> </li>
<li class="hidden-xs"><a href="/tour/create-my-trip.htm">Create My Trip</a></li>
<li><a href="/citytour/">Destinations</a></li>
<li><a href="/travelguide/">Travel Guide</a></li>
<li class="NavActives"><a href="/travelguide/culture/">Culture</a></li>
<li class="hidden-xs"><a href="/china-trains/">Trains</a></li>
<li><a href="/yangtzecruise/">Yangtze Cruise</a></li>
<li class="last"><a href="/china-flights/">Flights</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--container-->
</div>
<!--end of mainnav -->
<div id="subnav" class="hidden-xs">
<div class="container">
<div class="subnavcontent col-lg-offset-3 col-sm-offset-3"> <span>A better China tour has arrived: <a href="/aboutus/no-shops.htm" class="last">No Shops. No Factories. No Detours</a></span>
<div class="siteSearch pull-right visible-md visible-lg">
<form id="searchbox_001281624266240652297:cl1fy1cxepi" name="googlesreach" action="/result.asp">
<input type="hidden" value="001281624266240652297:cl1fy1cxepi" name="cx">
<input type="hidden" value="FORID:9" name="cof">
<input type="text" onblur="chkval()" onfocus="this.value=''" class="strkeys" placeholder="site search" name="q">
<input type="image" class="submits" src="http://data.chinahighlights.com/css/images/global/site-search-button.png">
</form>
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-24 btn-lg"></div>
<div class="col-xs-24 btn-lg"></div>
<div class="col-xs-24 btn-lg"></div>
<div class="col-xs-24 btn-lg"></div>
<style>
.close_other_input,.open_other_input{margin-left: 0 !important;margin-right: 10px;}
.other_input_box{padding-left: 0;margin-left: 0 !important;}
</style>
<div class="container">
<?php
echo htmlspecialchars_decode($form_data[0]->form_web_structure);
?>
</div>
<script src="http://data.chinahighlights.com/js/min.php?f=/image/customer_center_data/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("body").on('click','.open_other_input',function(){
$(this).parent().find('.other_input_box').css({"display":"inline-block"});
});
$("body").on('click','.close_other_input',function(){
$(this).parent().find('.other_input_box').css({"display":"none"});
});
$("body").on('click','input,textarea',function(){
$(this).css({"border-color":"#ccc"});
});
$("body").on('click','.btn_zhineng_form_submit',function(event){
var submitflag=true;
$(this).parents("form").find('.filed_label_name').each(function(){
var label_name=$(this).text();
if (label_name.indexOf("*")!=-1) {
var $form_group=$(this).parent(".form-group");
$form_group.find('input').each(function(){
if ($(this).val()=='') {
$(this).css({"border-color":"red"});
submitflag=false;
};
});
$form_group.find('textarea').each(function(){
if ($(this).val()=='') {
$(this).css({"border-color":"red"});
submitflag=false;
};
});
};
});
if (submitflag) {
var $form = $(this).parents("form");
var data = $form.serialize();
var url = $form.attr('action');
$.ajax({
type: "post",
url: url,
dataType: "json",
async: true,
data: data,
success: function(json_data) {
if (json_data.name == 'ok') {
$('.modal').modal('hide');
show_tips('ok', json_data.msg);
} else {
show_tips('no', json_data.msg);
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
show_tips('no', errorThrown);
}
});
};
});
});
//提示模态框
function show_tips(type, text)
{
$('#tips-modal').remove();
var Timeout = '1200';
if (type == 'ok') {
var style = 'glyphicon-ok text-success';
Timeout = '3000';
} else {
var style = 'glyphicon-remove text-danger';
Timeout = '3000';
}
var html = '<div class="modal" id="tips-modal" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-dialog modal-sm" style="margin-top:100px;"><div class="modal-content col-xs-24" style="padding:15px 15px;border-radius: 0px;"><div class="media"><div class="media-left"><span id="tips-modal-icon" class="media-object glyphicon ' + style + '" style="font-size:56px;"></span></div><div class="media-body"><span class="text-success" id="tips-modal-text" style="font-size:20px;padding-left:15px;line-height:55px;">' + text + '</span></div></div></div></div></div>';
$("body").append(html);
$('#tips-modal').modal('show');
setTimeout(function() {
$('#tips-modal').modal('hide');
}, 5000);
}
</script>
</body>
</html>