- ベストアンサー
お問い合せフォームの実装方法とは？
- 不動産関係のホームページでお問い合せフォームを実装する方法について困っています。
- 物件詳細ページの問い合わせボタンを押すと、物件名が自動で入力されるお問い合せフォームを作りたいです。
- 実現方法はperl、PHP、JavaScriptなど何でもいいので、簡単に実装できる方法を教えてください。
- 健太（@Kenta57）
- お礼率92% (24/26)
- その他（プログラミング・開発）
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
まず解説から。 具体例に出ましたサイトでは、『売買 朝日プラザ東天満』という物件ページ下部の『物件をお問い合わせ』ボタンをクリックするとメールフォームが開く、ということですけど、 このボタンがあるページのHTMLソースコードを、ちょっと覗いてみますと、ちょうどボタン部分のコードが <a href="/contact.html?article_no=売買 朝日プラザ東天満"> <img src="/image/contact.jpg" alt="物件をお問い合わせ メールフォームに自動で 物件名が表示されます" style="opacity: 1; "> </a> となってるんですが、1行目のリンク先URLを指定する『a href=』のあとに続くURLが『/contact.html』でそのあとにそのリンク先に渡すデータ名が『?』のあとに『article_no』、その名前のデータの内容が『売買 朝日プラザ東天満』、 となってるようです。 つまり、メールフォームの物件名欄に表示されてる文字を指定している部分が、前述の『a href=""』部分だということです。 それでリンク先のページでその?以降のデータを受け取ってるんですが、受け取るにはJavaScriptがPHPのプログラムが必要になります。 でも、リンク先のページの拡張子がphpではなく、htmlになってるので、JavaScriptでやってると思いますよ。 JavaScriptでGETデータを受け取るには？ - 参考URLです。 http://okwave.jp/qa/q4430815.html
その他の回答 (1)
- luka3
- ベストアンサー率72% (453/623)
そのページでは http://gardenhomes.jp/js/function.js の最後で実装されています。 一番簡単なサンプルはこんなかんじでしょうか。 実際はフォームが別のページになりますが、<script>はフォームの後ろにくるように記述してください。 --- sample.html --- <html> <body> <form name=f> <input type=text name=n> </form> <a href="?物件名">お問い合わせ</a> </body> <script type="text/javascript"> if (location.search.length > 1) document.f.n.value = location.search.substr(1); </script> </html>
お礼
具体例の書き込みありがとうございます。早速やって見ます！ ありがとうございます。
お礼
早速回答頂きありがとうございます。 何となくソースは覗いてたので、そうなのかなとは思っていたんですが、分かりやすく説明ありがとうございます。