• 締切済み

楽天トラベルAPIで特定県の検索サイト作成

楽天トラベルAPIを使って特定の県の宿泊施設検索をPHPで作っていますが、地域選択のプルダウンが表示されない状況です。 HTML部のソースはつぎのとおりですが、誤っている箇所はないと思うのですが、どなたか指摘をお願いします。 大半のソースはhttp://www.pulp-studio.net/archives/200/を流用しています。 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>県の宿泊施設検索サービス</title> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <link rel="stylesheet" href="./travel.css" type="text/css" /> </head> <body> <div id="container"><!-- container --> <div id="header"> <h1>県の宿泊施設検索サービス</h1> </div> <div id="headerline">宿泊施設検索(楽天トラベル 施設検索API 利用)</div> <div class="contents"><!-- contents --> <!-- ■フォーム開始 --> <form action="./travelg.php" method="post"> <table class="form_table"> <tr> <td class="form_left"> <div class="tablebox"> </div> </td> <td class="form_right"> <div class="tablebox"> </div> </td> </tr> <tr> <td class="form_left"> <div class="tablebox" style="text-align: left;">選択した地域やオプションで<br />宿泊施設を検索・表示します。<br /><font color="red"><b>地域は必ず選択<br />してください</b></font><br />※地域選択ボックスが表示されな<br />い時は、ブラウザの更新ボタンを<br />何度か押してみてください</div> </td> <td class="form_right"> <div class="tablebox"> <table align="left"> <tr> <td> <!-- ▼地域選択開始▼ --> <div class="classcode"> ▼地域選択▼ <div id="middleClassList"></div> <div id="smallClassList"></div> <div id="detailClassList"></div> </div> </td> <td> <div class="squeezecode1"> ▼オプション選択(複数選択可)▼<br /> <input id="sq1" type="checkbox" name="squeeze[]" value="onsen" /> <label for="sq1"> 温泉のある宿泊施設</label><br /> <input id="sq2" type="checkbox" name="squeeze[]" value="daiyoku" /> <label for="sq2"> 大浴場のある宿泊施設</label><br /> <input id="sq3" type="checkbox" name="squeeze[]" value="kinen" /> <label for="sq3"> 禁煙ルームがある宿泊施設</label><br /> <input id="sq4" type="checkbox" name="squeeze[]" value="internet" /> <label for="sq4"> インターネットに接続出来る宿泊施設</label> </div> </td> <td> <div class="squeezecode2"> <br /> <input id="sq5" type="checkbox" name="squeeze[]" value="breakfast" /> <label for="sq5"> 朝食のある宿泊施設</label><br /> <input id="sq6" type="checkbox" name="squeeze[]" value="dinner" /> <label for="sq6"> 夕食のある宿泊施設</label><br /><br />  <input class="search_button" type="submit" name="submit" value="検索" /> </div> </td> </tr> </table> <!-- ▲地域選択終了▲ --> <br clear="all" /> </div> </td> </tr> <tr> <td class="form_left"> <div class="tablebox"> </div> </td> <td class="form_right"> <div class="tablebox"> <!-- Rakuten Dynamicad FROM HERE --> <script type="text/javascript"> <!-- rakuten_template = "s_468_60_txt"; rakuten_affiliateId = "04701d1e.da0f7792.04701d21.8f900d36"; rakuten_service = "travel"; rakuten_target = "_blank"; rakuten_color_bg = "FFFFFF"; rakuten_color_border = "CCCCCC"; rakuten_color_text = "000000"; rakuten_color_link = "0000FF"; rakuten_color_price = "CC0000"; //--></script> <script type="text/javascript" src="http://dynamic.rakuten.co.jp/js/rakuten_dynamic.js"> </script> <!-- Rakuten Dynamicad TO HERE --> </div> </td> </tr> </table> </form> <!-- ■フォーム終了 --> </div><!-- /contents --> <!-- ▼検索結果表示▼ --> <div class="contents"><!-- contents --> <div class="query_status"> <!-- 検索・初期表示 --> <div class="notfound"> -&nbsp;<a href="http://travel.gajin.jp" title="Copyright" target="_blank" style="font-size:0.8em;">GAJINトラベル</a>&nbsp;- </div> <!-- /検索・初期表示 --> </div> </div><!-- /contents --> <!-- □API検索結果表示 --> <div id="footer">○○県の宿泊施設検索サービス</div> </div><!-- /container --> <script type="text/javascript" src="./trvApi_GetAreaClass.js" charset="utf-8"></script> </body> </html>

  • PHP
  • 回答数1
  • ありがとう数0

みんなの回答

  • shimix
  • ベストアンサー率54% (865/1590)
回答No.1

#phpで書いているというだけで、phpとは無関係ですよね(汗 最低限の確認事項ですが、「trvApi_GetAreaClass.js」のパス、ファイル名は間違っていたりはしませんよね? http://travel.rakuten.co.jp/webservice/sample/jsonp/get_area_class.html

関連するQ&A

  • PHPコード表示について

    PHPコードが下記になっています。 文字バケを正常に表示させる方法を教えてください。 <!-- login-box[start] --> <div id="login"> <?php if (isset($_SESSION['sLoginID'])) { ?> <form action="mem_logout.php" method="post"> <table> <tr> <td>。。<font color="#6699ff" size="3">「」 <b>イ餔ホノー</b></font></td> </tr> <tr> <td>。。<?php echo htmlspecialchars($_SESSION['sNickname']); ?>、オ、・/td> </tr> <tr> <td class="sp02"><div id="login_right">・愠ー・、・鹵讀ヌ、ケ。」</div></td> </tr> <tr> <td class="sp02"><div id="login_right"><input type="submit" value="・愠ー・「・ヲ・ネ" /></div></td> </tr> </table> <input type="hidden" name="fLoginID" value="dummy" /> <input type="hidden" name="fPassword" value="dummy" /> </form> <?php } else { ?> <form name="login" action="http://www.haradagr-dp.co.jp/test/mem_check.php" method="post" onsubmit="return loginCheck()"> <input type="hidden" name="fTarget" value="<?php echo $ftarget; ?>"> <table> <tr> <td colspan="2">。。<font color="#6699ff" size="3">「」 <b>イ餔ホノー</b></font></td> </tr> <tr> <td colspan="2" align="center">、ェサ釥キエ・ヨテ讀ヌ、ケ。」<br> ID。ァtestid<br> ・ム・ケ・・シ・ノ。ァtest1234</td> </tr> <tr> <td width="80" valign="bottom" class="login_bold"> ID </td> <td valign="bottom" class="sp02"><div id="login_input"><input type="text" name="fLoginID" size="16" maxlength="16"></div></td> </tr> <tr> <td width="80" valign="bottom" class="login_bold">・ム・ケ・・シ・ノ </td> <td valign="bottom" class="sp02"><div id="login_input"><input type="password" name="fPassword" size="16" maxlength="16"></div></td> </tr> <tr> <td colspan="2" class="sp02"><div id="login_right"><input type="image" src="image/log_in.gif" alt="・愠ー・、・・ width="100" height="20" border="0"></div></td> </tr> <tr> <td colspan="2"><div id="login_right"><font size="1" color="#ea5550">「ィ・ッ・テ・ュ。シ、鰺ュク妤ヒ、キ、ニ、ッ、タ、オ、、。」</font></div></td> </tr> </table> </form> <?php } ?> </div> <!-- login-box[end] --> <br> <div class="links" align="center"> <a href="http://www.haradagr-dp.co.jp/okusuri-navi/sodan.html" target="_blank"><img src="image/bullet250.gif" width="133" height="46" border="0"></a><br> 「ャ「ャ「ャ<br> 、ェフ・フ、マ、ウ、チ、鬢ォ、・/div> <br>

    • ベストアンサー
    • PHP
  • IE6とIE7のHtmlレイアウトについて

    お世話になります。 現在、XHTMLで画面を作成しています。 Htmlのレイアウトについて、非常に困った問題が発生しています。 IE6で正常に表示されるものが、IE7では崩れて表示されてしまいます。 具体的にはテーブルの中身がIE6だと、 テーブル(右寄せ(本来の形)) ---------|----------------------------- aaa |テキストフィールド1 ---------|----------------------------- bbbbb |テキストフィールド2 ---------|----------------------------- 具体的にはテーブルのl中身がIE7だと、 テーブル(中央揃え(ずれている状態)) ---------|----------------------------- aaa | テキストフィールド1 ---------|----------------------------- bbbbb | テキストフィールド2 ---------|----------------------------- になってしまいます。(汚くて、判りづらくてすみません!!) 以下にHTMLを記載します。 <table align="center"> <div>    <tr>   <td> </td> </tr> </div> </table> <table border="1"> <tr id="trpattern"> <td width="200">              <labelid="reportpatternLabel"/></td>        <td width="350">   <selectid="patternItems"onchange="hide(this.value);"> <option id="pattern"> </option> </select><br></br> </td> </tr> <tr id="trarea"> <td width="200"><label id="selectAreaLabel"/></td> <td width="350"> <select id="areaItems" style="width:130;" onchange="selectNsc()"> <option id="area"> </option> </select><br></br> </td> </tr> <tr id="trnsc"> <div id="nscdiv"> <td width="200"> <label id="nscselectLabel"/></td> <td width="350"> <select id="nscItems" style="width:130;" onchange="fillnscList()"> <option id="nsc"> </option> </select><br></br> </td> </div> </tr> <tr id="trperiod"> <td width="200"><label id="periodLabel"/></td> <td width="350"> <input type="text" id="periodfrom"></input> <label id="symbolLabel"></label> <input type="text" id="periodto"></input> </td> </tr> <tr id="trlevel" style="display:none"> <td width="200"><label id="levelLabel"/></td> <td width="350"> <select id="levelItems"> <option id="level"> </option> </select><br></br> </td> </tr> <tr id="trcompare" style="display:none"> <td width="200"> <label id="compareAnotherLabel"/><label id="NSCAverageLabel"/></td> <td width="350"> <input type="radio" name="nscrdb" value="Yes" label="Yes" onclick="callshow(this.value);"></input> <label> Yes</label> <input type="radio" name="nscrdb" value="No" label="No" checked="checked" onclick="callshow(this.value);"></input> <label> No</label> </td> </tr> </table> --------------------------------------------------- どの様なタグ、方法を用いれば解消されるのでしょうか? どなたかご教授願いますでしょうか? お願いいたします!!

    • ベストアンサー
    • HTML
  • スタイルシートのみで表の作成

    よくある、「サービスにログインするときのパスワード、ID入力画面」というものを作ってます。 パスワード、テキストフィールド ID、テキストフィールド ログインボタン のような。 たとえば簡単にテーブルで組みますと、 <table width="400" border="0" cellspacing="0" cellpadding="2"> <tr> <td width="100">パスワード</td> <td><label> <input type="text" name="textfield" /> </label></td> </tr> <tr> <td>ID</td> <td><input type="text" name="textfield2" /></td> </tr> <tr> <td colspan="2" align="center"><label> <input type="submit" name="Submit" value="ログイン" /> </label></td> </tr> </table> 似たり寄ったりこんな感じだとします。 これと同等のものを、スタイルシートだけで作成できますか? たとえば、ソースは、 <dl id="LOGIN-FORM"> <dt class="loginFormLabel" id="USER-NAME-LABEL"> <label for="USER-NAME">ユーザ名</label> <input type="text" name="username" size="24" value="" id="USER-NAME" class="inputText" /> </dt> <dt class="loginFormLabel" id="USER-PASSWORD-LABEL"> <label for="USER-PASSWORD">パスワード</label> <input type="password" name="password" size="24" value="" onmousedown="" onkeydown="if (event.keyCode == 13) {enter.click();return false;}" id="USER-PASSWORD" class="inputText" /> </dt> <dt class="loginFormLabel" id="USER-INFO-SUBMIT-LABEL"> <label for="USER-INFO-SUBMIT">アクション</label> </dt> <dd class="loginFormText" id="USER-INFO-SUBMIT-TEXT"> <input type="submit" value="ログイン" id="USER-INFO-SUBMIT" class="submit" /> </dd> </dl> です。 テキストフィールドの頭をそろえたり、ログインボタンの位置を 変えたりしたいです。 テーブルでやればいいのに・・・と思いますが、 スタイルシートで頼むといわれて、困ってます。 教えてください。

  • ソースの簡略化、、、

    「行追加をクリック」すると、テキスト入力覧が表示されるという仕組みのプログラムです。 詳細: htmlファイルに line_1から~line_20までタグをいっぱい書き、 最初はjavascriptを利用して「XXXX.style.display = 'none';」すべて見せない状態にしまし その状態で、「行追加をクリック」をクリックするとjavascript処理で1つずつ表示されるようにしました。 ここで質問ですが、 20個の同じコードを繰り返しいっぱい書く代わりにこれらをまとめて簡単にすることはできないでしょうか? 例え、40個の表示が必要となれば同じコードを40回も書かなきゃいけないので、、大変です。 <div id="line_1" class="mytext"> <tr> <td width=50> <input type="text" name="Line1"> </td> </tr> </div> <div id="line_2" class="mytext"> <tr> <td width=50> <input type="text" name="Line2"> </td> </tr> </div> <div id="line_3" class="mytext"> <tr> <td width=50> <input type="text" name="Line3"> </td> </tr> </div> <div id="line_4" class="mytext"> <tr> <td width=50> <input type="text" name="Line4"> </td> </tr> </div> ・ ・ ・ ・ <div id="line_20" class="mytext"> > <tr> <td width=50> <input type="text" name="Line20"> </td> </tr> </div> <p class="UP"><a href="#" id="upLine">行追加</a></p> ご教授よろしくお願いします。

  • メールフォームのラジオボタンフィールドの件

    ホームページメールフォーム作成でご質問しました。 ラジオボタンとチェックボックスのフィールドで、その他項目を設けてテキストフィールドを作っているます。 このテキストフィールドにもラジオボタンまたは、チェックボックスのチェックを行えるようにできないでしょうか。 ○あああ ○いいい ○ううう ○えええ ○その他 □(ここにテキスト入力フィールド) ※javascriptを作る必要があるでしょうか。 下記のソースが、現状です。 <tr><td class="item_name">設問</td> <td class="item_form"> <table border="0" cellpadding="0" cellspacing="0"> <tr><td><input name="設問ABC" type="radio" value="Webサイト1" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト1</label></td></tr> <tr><td><input name="設問ABC" type="radio" value="Webサイト22" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト22</label></td></tr> <tr><td><input name="設問ABC" type="radio" value="Webサイト333" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト333</label></td></tr> <tr><td><input name="設問ABC" type="radio" value="Webサイト555" class="radio" id="toi2" /></td> <td valign="bottom"><label for="toi2">Webサイト555</label></td></tr> </table> <div>その他:<input type="text" name="設問ABC" style="width:280px" /></div> </td></tr>

  • メールフォームについて

    この中にどのようなHTMLを書けば自分のPCにメールが届く ようになりますか?よろしくお願いします。 <h2>■MAIL FORM</h2> <div class="text"> <form><table><tr><td width="100" align=right> NAME</td><td align=right><input type="text" name="Name" size="34"></td></tr><tr><td width="100" align=right> MAIL</td><td align=right><input type="text" name="Mail" size="34"></td></tr></table> <TEXTAREA NAME="Comments" ROWS="8" COLS="39" value="comments"></TEXTAREA> <br> <table><tr><td width="100" align=right> </td> </tr><tr> <td width="100" align=right> URL</td><td><input type="text" name="URL" value="http://" size="34"></td></tr><tr><td></td><td align="right"> <INPUT TYPE="reset" VALUE=" Reset "> <INPUT TYPE="submit" VALUE=" Send "></FORM> </td></tr></table><br></div>

    • ベストアンサー
    • HTML
  • PHP POSTについて質問です

       こんにちわ PHP初心者です。 今ショッピングカートづくりをしています。 そこでピンチなのでご指導お願いいたします。 商品を発送する送り先情報を必要な数だけonclickで一件一件増やしもらって その情報を次のページで確認してもらうようにしたいのですが <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> var tbl_cnt = 1; jQuery(document).ready(function($) { $('#add_btn').click(function() { var original = $('#form_set_' + tbl_cnt); tbl_cnt++; $(original).clone().insertAfter(original) .attr('id', 'form_set_' + tbl_cnt) .find('label').each(function(idx, obj) { $(obj).attr('for', $(obj).attr('for').replace(/_[0-9]+$/, '_' + tbl_cnt)); }).end() .find('input').each(function(idx, obj) { $(obj).attr({ 'id' : $(obj).attr('id').replace(/_[0-9]+$/, '_' + tbl_cnt), 'name' : $(obj).attr('name').replace(/_[0-9]+$/, '_' + tbl_cnt) }).val(''); }); }); }); </script> <form action="shop_check.php" method="post"> <table id="form1"> <tbody> <tr> <td><label for="okuriname">氏名</label></td> <td><input type="text" id="okuriname" name="okuriname[$i]"></td> </tr> <tr> <td><label for="okuriemail">email</label></td> <td><input type="text" id="okuriemail" name="okuriemail"></td> </tr> <tr> <td><label for="okuripostal1">郵便番号</label></td> <td><input type="text" id="okuripostal1" name="okuripostal1">-</td> <td><input type="text" id="okuripostal2" name="okuripostal2"></td> </tr> <tr> <td><label for="okuriaddress">住所</label></td> <td><input type="text" id="okuriaddress" name="okuriaddress"></td> </tr> <tr> <td><label for="okuritel">電話番号</label></td> <td><input type="text" id="okuritel" name="okuritel"></td> </tr> </tbody> </table> <input type="button" value="送り先の追加" id="add_btn"><br> <input type="submit" value="送信" name="submit"> </form> この後どのようにしたら次のページで 複数の情報を受け取ればいいのでしょうか? (javascriptはweb上にあったものを引用してます。) javascriptの事もわかっていませんなのでお手柔らかにおねがいします。

    • ベストアンサー
    • PHP
  • Formでアンケートページを作成 送信 メールに反映しない。

    こんにちは、DreamWeaver8を使ってホームページの勉強を始めたものです。 練習でFormを使ってアンケートページを作りました。 Form actionでメールアドレスを指定して 送信ボタン(Submit)を押すと、メーラーが起動して上記アドレスが記載されたメールができるのですが、中身が反映していません。(アンケートに書かれた、性別、職業など) どのようにすれば反映されるのでしょうか? 何かお分かりの方がいましたら教えてください。 よろしくお願いします。 <form action="mailto:test@***.**.jp" method="post" enctype="text/plain" name="form1" id="form1"> <table width="920" border="1"> <tr> <td>性別</td> <td><label for="radiobutton">男</label> <input name="radiobutton" type="radio" id="radiobutton" value="man" checked="checked" /> <label for="label2">女</label> <input name="radiobutton" type="radio" value="woman" id="label2" /></td> </tr> 略 <tr> <td colspan="2"><div align="center"> <input type="reset" name="Submit2" value="リセット" /> <input type="submit" name="Submit" value="送信" /> </div></td> </tr> </table> </form>

  • ctpファイルに文字数制限を追加したい

    下記フォームに(ctpファイル)文字数制限を追加したいのですが、 可能でしょうか? <tr> <th valign="top" style="vertical-align:top;">イベント内容:</th> <td> <?php echo $form->input('text',array( 'label'=> false, 'size' => false, 'div'=>false, 'class'=>'form-textarea', 'id'=>false ) ); ?> </td> <td></td> </tr> よろしくお願いします

  • メールフォームのPHPについて質問です。

    以下のようなメールフォームを作ったのですが何故か値の受け渡しが上手くいきません。 以前どこかのサイトを参考にして作ったもので別で自分の作ったサイトでは問題なく受け渡しができたのですが、なぜか今回はできません。 自分が作って成功したサイトをそのままサーバーにアップロードしても出来ないのがよくわからないのです。 どうすれば受け渡しがうまくいくのでしょうか? どなたか知恵を分けていただきたいです。何卒よろしくお願いいたします。 ▼ここからinquiry.html▼ <div id="main_inquiry"> <div id="box_inquiry"> <h1>お問い合わせ</h1> <div id="form"> <form method="POST" action="inquiry_check.php"> <p class="form">お名前</p> <p class="text"><input type="text" name="name" size="50"><br></p> <p class="form">電話番号</p> <p class="text"><input type="text" name="tel" size="50"><br></p> <p class="form">Eメール</p> <p class="text"><input type="text" name="email" size="50"></p><br> <p class="form">備考</p> <p class="text"><textarea name="bikou" cols="50" rows="10"></textarea></p> </div> <!---------form-END------------------------------> <div id="submit"> <input type="submit" value="確認" class="submit"> <input type="reset" value="リセット" class="reset"> </div> <form method="POST" action="inquiry_check.php"> </div> ▲inquiry.html終了▲ ▼ここからinquiry_check.php▼ <div id="box_check"> <h1 class="headding11">問い合わせチェック</h1> <?php $name=htmlspecialchars($_POST["name"]);// if ($name == ""){ $show_name = "<font color='#000'><strong>名前が入力されていません</font></strong>"; $err_flg = 1; } else { $show_name = $name; } $tel=htmlspecialchars($_POST["tel"]);// if ($tel == ""){ $show_tel = "<font color='#000'><strong>電話番号が入力されていません</font></strong>"; $err_flg = 1; } else { $show_tel = $tel; } $email=htmlspecialchars($_POST["email"]);// if ($email == ""){ $show_email = "<font color='#000'><strong>e-mailが入力されていません</font></strong>"; $err_flg = 1; } else { $show_email = $email; } $bikou=htmlspecialchars($_POST["bikou"]);// if ($bikou == ""){ $show_bikou = "<font color='#000'><strong>備考が入力されていません</font></strong>"; $err_flg = 1; } else { $show_bikou = $bikou; } if ($err_flg == 1){ $show_form = ""; } else { $show_form = " <input name='name' type='hidden' value='". $name ."'> <input name='tel' type='hidden' value='". $tel ."'> <input name='email' type='hidden' value='". $email ."'> <input name='bikou' type='hidden' value='". $bikou ."'> <input name='submit' type='submit' value='送信' class='soushin'> "; } ?> <form name="mailform" method="post" action="inquiry_finish.php"> <P align="center"><b class="kakunin">お客様情報確認</b></P> <table class="check" width="685px" border="0" cellspacing="1" cellpadding="5"> <tr> <td bgcolor="#EBEBEB" width="200"> 氏名</td> <td width="540"><? echo $show_name ?></td> </tr> <tr> <td bgcolor="#EBEBEB"> 電話番号<font color="#FFFFFF">  </font></td> <td><? echo $show_tel ?></td> </tr> <tr> <td bgcolor="#EBEBEB"> 電子メール</td> <td ><? echo $show_email ?></td> </tr>  <tr> <td bgcolor="#EBEBEB"> お問い合わせ内容</td> <td ><? echo $show_bikou ?></td> </tr> </table> <div align=""> <? echo $show_form ?> <input name="submit" type="button" value="戻る" class="mouse" onClick="history.back()"> </div> </div> <div id="side_menu_check"> </div> </div> <div id="footer"> </div> ▲inquiry_check.php終了▲

    • ベストアンサー
    • PHP

専門家に質問してみよう