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/webht/views/demandform/index1.php

316 lines
14 KiB
PHTML

<!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>&reg;</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">Chinas 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>