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.
73 lines
3.7 KiB
JavaScript
73 lines
3.7 KiB
JavaScript
// JavaScript Document
|
|
$(function() {
|
|
var html = "";
|
|
html += "<div class=\"searchTitle\">Search for a tour</div>";
|
|
html += "<div id=\"tourindexSearch\">";
|
|
html += "<form name=\"toursearchpanelform\" method=\"get\" action=\"/tour/tour-list.asp\">";
|
|
html += "<div id=\"selectInfo\">";
|
|
html += "<div class=\"budget\">Your Budget";
|
|
html += "<select name=\"price\" id=\"price\" class=\"roundCorner\">";
|
|
html += "<option value=\"0\">Price Per Person</option>";
|
|
html += "<option value=\"1\">US$1,000 Or less</option>";
|
|
html += "<option value=\"2\" selected=\"selected\" >US$1,000-2,000</option>";
|
|
html += "<option value=\"3\">US$2,000-3,000</option>";
|
|
html += "<option value=\"4\">US$3,000-4,000</option>";
|
|
html += "<option value=\"5\">US$4,000-5,000</option>";
|
|
html += "</select>";
|
|
html += "</div>";
|
|
html += "<div class=\"duration\">Duration";
|
|
html += "<select name=\"seldays\" id=\"selDays\" class=\"roundCorner\">";
|
|
html += "<option value=\"0\"> Length of Tour </option>";
|
|
html += "<option value=\"1\">1-4 days</option>";
|
|
html += "<option value=\"2\" selected=\"selected\">5-9 days</option>";
|
|
html += "<option value=\"3\">10-14 days</option>";
|
|
html += "<option value=\"4\">15-19 days</option>";
|
|
html += "<option value=\"5\">20-24 days</option>";
|
|
html += "</select>";
|
|
html += "</div>";
|
|
html += "<div class=\"clear\"></div>";
|
|
html += "</div>";
|
|
html += "<div id=\"visiting\"> <span class=\"title\">Visiting</span>";
|
|
html += "<div class=\"citySelect roundCorner\">";
|
|
html += "<div class=\"cityList\">";
|
|
html += "<ul>";
|
|
html += "<li>";
|
|
html += "<input name=\"sc\" value=\"Beijing\" onclick=\"checkd()\" type=\"checkbox\" class=\"checkbox\" checked=\"checked\"/>";
|
|
html += "Beijing</li>";
|
|
html += "<li>";
|
|
html += "<input name=\"sc\" type=\"checkbox\" onclick=\"checkd()\" class=\"checkbox\" id=\"sc\" value=\"Shanghai\" checked=\"checked\"/>";
|
|
html += "Shanghai</li>";
|
|
html += "<li>";
|
|
html += "<input name=\"sc\" value=\"Xian\" onclick=\"checkd()\" type=\"checkbox\" class=\"checkbox\" checked=\"checked\"/>";
|
|
html += "Xian</li>";
|
|
html += "<li>";
|
|
html += "<input name=\"sc\" value=\"Guilin\" onclick=\"checkd()\" type=\"checkbox\" class=\"checkbox\" />";
|
|
html += "Guilin</li>";
|
|
html += "<li>";
|
|
html += "<input name=\"sc\" value=\"Hangzhou\" onclick=\"checkd()\" type=\"checkbox\" class=\"checkbox\" />";
|
|
html += "Hangzhou</li>";
|
|
html += "<li>";
|
|
html += "<input name=\"sc\" value=\"Chengdu\" onclick=\"checkd()\" type=\"checkbox\" class=\"checkbox\" />";
|
|
html += "Chengdu</li>";
|
|
html += "<li>";
|
|
html += "<input name=\"sc\" value=\"Tibet\" onclick=\"checkd()\" type=\"checkbox\" class=\"checkbox\" />";
|
|
html += "Tibet</li>";
|
|
html += "<li>";
|
|
html += "<input name=\"sc\" value=\"Yangtze\" onclick=\"checkd()\" type=\"checkbox\" class=\"checkbox\" />";
|
|
html += "Yangtze</li>";
|
|
html += "</ul>";
|
|
html += "<div class=\"clear\" style=\"height:5px;*height:1px;\"></div>";
|
|
html += "<a href=\"javascript:;\" onclick=\"return ShowIFrame(\'\',\'/forms/selectcity.htm\',610,580,\'bottom\');\">Select more cities</a> </div>";
|
|
html += "<div class=\"whatSelected\" style=\"display: none\">";
|
|
html += "<textarea name=\"city\" id=\"city\" class=\"roundCorner\"></textarea>";
|
|
html += "</div>";
|
|
html += "<div class=\"clear\"></div>";
|
|
html += "</div>";
|
|
html += "</div>";
|
|
html += "<input type=\"image\" src=\"http://data.chinahighlights.com/pic/flight-search.png\" onclick=\"document.toursearchpanelform.submit()\" class=\"searchButton\" alt=\"China tours search button\" width=\"95\" height=\"36\"/>";
|
|
html += "<div class=\"advancedSearch\"><a href=\"/tour/search-tour.asp\" title=\"Search a China Tour\">Advanced Search » </a></div>";
|
|
html += "</form>";
|
|
html += "</div>";
|
|
$("#tour-search").html(html);
|
|
});
|