<!-- 施設検索APIのJavaScriptを読み込みます -->
<script type="text/javascript" charset="Shift_JIS" src="http://www.jtb
online.jp/
dom_yado/embedded/1_0/bootstrap.js?key=APIキー"></script>

<!-- 検索結果がここに表示されます -->
<div id="jhsList" style="width: 300px;"></div>

<!-- 施設検索APIのJavaScriptを読み込みます -->
<script type="text/javascript" charset="Shift_JIS" src="http://www.jtbonline.jp/
dom_yado/embedded/1_0/bootstrap.js?key=APIキー"></script>

<!-- 一室人数選択ボックスを配置します -->
<select id="jhsCapacity"></select>

<!-- 料金選択ボックスを配置します -->
料金：<select id="jhsRateMin"></select>〜<select id="jhsRateMax"></select>

<!-- 検索結果がここに表示されます -->
<div id="jhsList" style="width: 300px;"></div>

<!-- 施設検索APIのJavaScriptを読み込みます -->
<script type="text/javascript" charset="Shift_JIS" src="http://www.jtbonline.jp/
dom_yado/embedded/1_0/bootstrap.js?key=APIキー"></script>
<!-- 一室人数を「4名一室」で、料金の下限を「5000円」で起動します -->
<script type="text/javascript">
	JHSConfig.capacityPreset = 4;
	JHSConfig.rateMinPreset = 5000;
</script>

<!-- 一室人数選択ボックスを配置します -->
<select id="jhsCapacity"></select>

<!-- 料金選択ボックスを配置します -->
料金：<select id="jhsRateMin"></select>〜<select id="jhsRateMax"></select>

<!-- 検索結果がここに表示されます -->
<div id="jhsList" style="width: 300px;"></div>

<!-- 施設検索APIのJavaScriptを読み込みます -->
<script type="text/javascript" charset="Shift_JIS" src="http://www.jtbonline.jp/
dom_yado/embedded/1_0/bootstrap.js?key=APIキー"></script>
<!-- 「ホテル」と「温泉」のこだわりボタンを追加します -->
<script type="text/javascript">
	JHSConfig.featureButtons = [
		{code: "c_2", preset:true},
		{code: "b_26"}
	];
</script>

<!-- こだわりボタンを配置します -->
<div id="jhsFeatureBox" stlye="width: 300px;"></div>

<!-- 検索結果がここに表示されます -->
<div id="jhsList" style="width: 300px;"></div>

<!-- 施設検索APIのJavaScriptを読み込みます -->
<script type="text/javascript" charset="Shift_JIS" src="http://www.jtbonline.jp/
dom_yado/embedded/1_0/bootstrap.js?key=APIキー"></script>

<!-- 検索結果を横方向に５施設表示します -->
<script type="text/javascript">
	JHSConfig.rendererName = "horizontal";
</script>

<!-- 検索結果がここに表示されます -->
<div id="jhsList" style="width: 300px;"></div>

<!-- 施設検索APIのJavaScriptを読み込みます -->
<script type="text/javascript" charset="Shift_JIS" src="http://www.jtbonline.jp/
dom_yado/embedded/1_0/bootstrap.js?key=APIキー"></script>

<!-- 都道府県を「東京」で起動します -->
<script type="text/javascript">
JHSConfig.prefPreset = 13;
</script>

東京の宿一覧

<!-- 検索結果がここに表示されます -->
<div id="jhsList" style="width: 300px;"></div>

<!-- 施設検索APIのJavaScriptを読み込みます -->
<script type="text/javascript" charset="Shift_JIS" src="http://www.jtbonline.jp/
dom_yado/embedded/1_0/bootstrap.js?key=APIキー"></script>
<!-- バリューコマース経由アフィリエイトのsid・pidを付与します -->
<script type="text/javascript">
	JHSConfig.ValueCommerceSetting(sid, pid);
</script>

<!-- 検索結果がここに表示されます -->
<div id="jhsList" style="width: 300px;"></div>

<!-- 施設検索APIのJavaScriptを読み込みます -->
<script type="text/javascript" charset="Shift_JIS" src="http://www.jtbonline.jp/
dom_yado/embedded/1_0/bootstrap.js?key=APIキー"></script>

<!-- 都道府県選択ボックスを配置します -->
<select id="jhsPref"></select>

<!-- 検索結果がここに表示されます -->
<div id="jhsList" style="width:300px;"></div>

<script type= "text/javascript">
if(typeof JHS != "undefined"){
	JHS.onRender = function(data){
		var count = data.TotalCount[0];
		var list = data.Hotel;
		var text = "";
		if(count > 0){
		   var url = JHSView.getShisetsuURL(list[i].Code);
		   text += "<a href='" + url + "'>" + list[i].Name + "</a>
<br>";
		   if(list[i].Image){
		       var img = JHSView.getImageURL(list[i].Image);
		       text += "<img src='" + img + "'><br>";
		   }if(i != list.length - 1){
		       text += "と<br>";
		   }
		}
		text += "が該当しました" + JHSView.getPageLink(count);
		}else{
		   text = "該当する施設がありません";
		}
		document.getElementById("jhsList").innerHTML = text;
		return false;
	}
}
</script>