|
|
<!doctype html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>Easy Planning from now!</title>
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
|
|
|
<meta content="yes" name="apple-mobile-web-app-capable">
|
|
|
<meta name="referrer" content="always">
|
|
|
<meta name="Description" content="Easy Planning from now! Telling us your preference." />
|
|
|
<link type="text/css" rel="stylesheet" href="//data.chinahighlights.com/css/min.php?f=/public/css/global.min.css">
|
|
|
<link rel="canonical" href="https://www.chinahighlights.com/contactus/">
|
|
|
<script src="//data.chinahighlights.com/js/min.php?f=/js/jquery-1.8.2.min.js,/js/ChtPublic.js,/public/js/bootstrap.min.js">
|
|
|
</script>
|
|
|
<script src="//data.chinahighlights.com/js/form-helper.js">
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
$(document).ready(function() {
|
|
|
$.ajax({ type: "get", url: "/secureforms/form_token" }).done(function(data) { $("form").append(data); });
|
|
|
$("#realname,#email,#additionalrequirements").focus(function() {
|
|
|
$(this).siblings(".requiredArea").remove();
|
|
|
});
|
|
|
});
|
|
|
</script>
|
|
|
<script type="text/javascript">
|
|
|
function judgeform() {
|
|
|
var rc,ec,cc;
|
|
|
if($('input[name="realname"]').val()==''){
|
|
|
$('<div style="color: #a31022;" class="requiredArea">Please fill up your name.</div>').appendTo('#name_area');
|
|
|
return false;
|
|
|
}
|
|
|
if($('input[name="email"]').val()==''){
|
|
|
$('<div style="color: #a31022;" class="requiredArea">Wrong email address. Eg: service@chinahighlights.com.</div>').appendTo('#email_area');
|
|
|
return false;
|
|
|
} else {
|
|
|
var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
|
|
|
if (!emailPattern.test($('#email').val())) {
|
|
|
$('<div style="color: #a31022;" class="requiredArea">Wrong email address. Eg: service@chinahighlights.com.</div>').appendTo('#email_area');
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
if (document.getElementById("additionalrequirements").value == "")
|
|
|
{
|
|
|
$('<div style="color: #a31022;" class="requiredArea">Please tell us what kind of tour you want!</div>').appendTo('#text_area');
|
|
|
return false;
|
|
|
}
|
|
|
return true;
|
|
|
}
|
|
|
</script>
|
|
|
<!--[if lte IE 9]>
|
|
|
<script src="/public/js/respond.min.js">
|
|
|
</script>
|
|
|
<![endif]-->
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="wrapper">
|
|
|
<div id="headerWrapper">
|
|
|
<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="//data.chinahighlights.com/css/images/global/phone-close.png">
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div><!--end of container -->
|
|
|
<div id="mainnav" class="nav navbar navbar-inverse" role="navigation">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="col-lg-3 col-sm-4 logobox hidden-xs">
|
|
|
<a href="/">
|
|
|
<img src="/pic/logo/logo-132x104.png" alt="logo" 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="mobileLogo visible-xs">CHINA HIGHLIGHTS<sup>®</sup>
|
|
|
</div>
|
|
|
<div class="navbar-brand visible-xs">
|
|
|
<a rel="nofollow" href="/tour/create-my-trip.htm">
|
|
|
<img src="/pic/tailor-mark.png" class="img-responsive" width="25">
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="collapse navbar-collapse">
|
|
|
<ul class="nav navbar-nav chNav">
|
|
|
<li>
|
|
|
<a href="/">Home</a>
|
|
|
</li>
|
|
|
<li class="visible-xs">
|
|
|
<a href="/tour/create-my-trip.htm">Create My Trip</a>
|
|
|
</li>
|
|
|
<li >
|
|
|
<a href="/tour/">China Tours</a>
|
|
|
<span class="withMenu" data-target="#china-tours">
|
|
|
<a href="#">+</a>
|
|
|
</span>
|
|
|
</li>
|
|
|
<ul id="china-tours">
|
|
|
<li>
|
|
|
<a href="/tour/top-china-tours/">Top 10 Tours</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/tour/china-panda-tours/">Panda Tours</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/tour/family-tours/">Family Tours</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/yangtzecruise/">Yangtze Cruise</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<li class="non-mibile">
|
|
|
<a href="/tour/create-my-trip.htm">Create My Trip</a>
|
|
|
</li>
|
|
|
<li >
|
|
|
<a href="/citytour/">Destinations</a>
|
|
|
<span class="withMenu" data-target="#destinations">
|
|
|
<a href="#">+</a>
|
|
|
</span>
|
|
|
</li>
|
|
|
<ul id="destinations">
|
|
|
<li>
|
|
|
<a href="/beijing/tours.htm">Beijing</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/guilin/tours.htm">Guilin</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/zhangjiajie/tours.htm">Zhangjiajie</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/huangshan/tours.htm">Huangshan</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/shanghai/tours.htm">Shanghai</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/xian/tours.htm">Xi'an</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/chengdu/tours.htm">Chengdu</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<li >
|
|
|
<a href="/travelguide/">Travel Guide</a>
|
|
|
<span class="withMenu" data-target="#travel-guide">
|
|
|
<a href="#">+</a>
|
|
|
</span>
|
|
|
</li>
|
|
|
<ul id="travel-guide">
|
|
|
<li>
|
|
|
<a href="/travelguide/visa-application/">China Visas</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/beijing/">Beijing</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/greatwall/">The Great Wall of China</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/travelguide/china-top-10-attractions.htm">China’s Top 10 Attractions</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/giant-panda/">Giant Pandas</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/xian/terracotta-army/">The Terracotta Army</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/travelguide/top-highlights-of-china.htm">Best of China</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<li >
|
|
|
<a href="/travelguide/culture/">Culture</a>
|
|
|
<span class="withMenu" data-target="#culture">
|
|
|
<a href="#">+</a>
|
|
|
</span>
|
|
|
</li>
|
|
|
<ul id="culture">
|
|
|
<li>
|
|
|
<a href="/travelguide/chinese-zodiac/">Chinese Zodiac</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/travelguide/special-report/chinese-new-year/">Chinese New Year</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/festivals/mid-autumn-festival.htm">Mid-autumn Festival</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/festivals/china-public-holiday.htm">Public Holiday Schedule</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<li class="hidden-xs ">
|
|
|
<a href="/china-trains/">Trains</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="/tour/asia-tours/">Asia Tours</a>
|
|
|
</li>
|
|
|
<li class="last">
|
|
|
<a href="/daytrip/">Day Tours</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--container-->
|
|
|
</div>
|
|
|
<!--end of mainnav -->
|
|
|
</div></div>
|
|
|
<!-- form -->
|
|
|
<div>
|
|
|
<h2>Easy Planning from now! The only thing you need to do is telling us your preference. Leave the rest to Us!</h2>
|
|
|
<form action="/guide-use.php/demandform/form_save" method="POST">
|
|
|
<?php echo __FORM_TOKEN__ ?>
|
|
|
<input type="hidden" name="coli_sn" value="<?=$coli?>">
|
|
|
<input type="hidden" name="fid" value="<?=$form->F_id?>">
|
|
|
<div>
|
|
|
<?php foreach ($part as $key => $p) { ?>
|
|
|
<h3> <b><?=$p["title"]?></b></h3>
|
|
|
<p><?php foreach ($p["data"] as $kf => $q) { ?>
|
|
|
<p><?php echo ($kf+1) . "." . $q->FD_question ?></p>
|
|
|
<input type="hidden" name="q[q<?=$q->FD_id?>][qclass]" value="<?=trim($q->FD_class)?>">
|
|
|
<input type="hidden" name="q[q<?=$q->FD_id?>][qtype]" value="<?=trim($q->FD_AnswerType)?>">
|
|
|
<input type="hidden" name="q[q<?=$q->FD_id?>][fdid]" value="<?=trim($q->FD_id)?>">
|
|
|
<input type="hidden" name="q[q<?=$q->FD_id?>][ismain]" value="<?=trim($q->FD_ismain)?>">
|
|
|
<?php if (intval(trim($q->FD_AnswerType)) === 1) { ?>
|
|
|
<ol style="list-style-type: upper-alpha;margin-left: 50px;">
|
|
|
<?php foreach ($q->answer as $ka => $an) { ?>
|
|
|
<li>
|
|
|
<label>
|
|
|
<input style="margin-left: -30px;margin-right: 15px;line-height: 21px;vertical-align: text-bottom;" type="radio" name="q[q<?=$q->FD_id?>][answer]" <?php if($q->FD_required==1){ ?> required <?php } ?>
|
|
|
value="<?=trim($an->A_number)?>=_<?=$an->A_content?>" id="ra_<?=$q->FD_id?>_<?=$an->A_id?>" >
|
|
|
<?php if(trim($an->A_content) == '') { ?>
|
|
|
<input type="text" name="q[q<?=$q->FD_id?>][atext]" data-radioid="ra_<?=$q->FD_id?>_<?=$an->A_id?>" >
|
|
|
<?php } else {?>
|
|
|
<?php echo trim($an->A_content) ?>
|
|
|
<?php } ?>
|
|
|
</label>
|
|
|
</li>
|
|
|
<?php } ?>
|
|
|
</ol>
|
|
|
<?php } else { ?>
|
|
|
<input type="text" name="q[q<?=$q->FD_id?>][atext]">
|
|
|
<?php } ?>
|
|
|
<?php } ?></p>
|
|
|
<?php } ?>
|
|
|
</div>
|
|
|
<input type="submit" name="" value="submit">
|
|
|
</form>
|
|
|
</div>
|
|
|
<!-- end form -->
|
|
|
<div id="footer">
|
|
|
</div>
|
|
|
<!-- </div>
|
|
|
</div>-->
|
|
|
</div>
|
|
|
<script src="//data.chinahighlights.com/public/js/footer-html5.js">
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
|
|
<script type="text/javascript">
|
|
|
$(function() {
|
|
|
$("ol input:text").focus(function() {
|
|
|
var obj = $(this);
|
|
|
var target_id = obj.data("radioid");
|
|
|
$("#"+target_id).prop("checked","checked");
|
|
|
// var target_id_t = obj.data("texttarget");
|
|
|
// $("#"+target_id_t).val("other answer");
|
|
|
})
|
|
|
// $("input:radio").change(function() {
|
|
|
// var obj = $(this);
|
|
|
// var target_id = obj.data("texttarget");
|
|
|
// $("#"+target_id).val(obj.data("text"));
|
|
|
// var li_index = (obj.parents("li").index())+1;
|
|
|
// var li_alphabet = convert(li_index);
|
|
|
// })
|
|
|
})
|
|
|
function convert(num){
|
|
|
return num <= 26 ?
|
|
|
String.fromCharCode(num + 64) : convert(~~((num - 1) / 26)) + convert(num % 26 || 26);
|
|
|
}
|
|
|
</script>
|