お問い合せフォームの実装方法とは?

このQ&Aのポイント
  • 不動産関係のホームページでお問い合せフォームを実装する方法について困っています。
  • 物件詳細ページの問い合わせボタンを押すと、物件名が自動で入力されるお問い合せフォームを作りたいです。
  • 実現方法はperl、PHP、JavaScriptなど何でもいいので、簡単に実装できる方法を教えてください。
回答を見る
  • ベストアンサー

お問い合せフォームに関して困っています。

現在、不動産関係のホームページの作業をしていて、お問合せフォームに 関してわからない事があり困っています。 「やりたい事」 物件の詳細ページ下部にある「問い合わせボタン」を押すと、 問い合わせフォームが表示され、そのフォームの「物件名欄」に前のページで 見ていた物件名が自動で入力されるようにしたいのです。 「具体的下記のサイトのようにしたいです」 ■物件詳細ページ http://gardenhomes.jp/mansion/cat9/ このページがまさにやりたい事をやっていてソースを除いても特に 何をして実現できているのか分かりません。 実現方法は、perl、PHP、javascript何でも構いません。 出来るだけ簡単に実装できる方法を教えて頂けますでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
回答No.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

Kenta57
質問者

お礼

早速回答頂きありがとうございます。 何となくソースは覗いてたので、そうなのかなとは思っていたんですが、分かりやすく説明ありがとうございます。

その他の回答 (1)

  • luka3
  • ベストアンサー率74% (294/395)
回答No.1

そのページでは 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>

Kenta57
質問者

お礼

具体例の書き込みありがとうございます。早速やって見ます! ありがとうございます。

関連するQ&A

  • php お問い合わせフォーム

    PHP お問い合わせフォーム PHPはJavaScriptと違い一度フォームデータを送信しない事には動作しないという面がありJavaScriptよりも不自由なイメージがあります。(誤解があったらスミマセン) それでお聞きしたいのですがPHPは「お問い合わせフォーム」を作るのに特化した言語という解釈でよろしいのでしょうか? お問い合わせフォーム以外もできると思いますがJavaScriptで動作させた方が「基本的に」良いですか? 今はIT業界はPHPの案件が多いと思いますがPHPでできることって「お問い合わせフォーム」くらいじゃないですか? MySQLを使っていないので偏見が混じってるかも知れませんが答えてもらえればと思います。

  • 【お問い合わせフォーム】プルダウン選択で、フォームの内容を変更したい

    【お問い合わせフォーム】プルダウン選択で、フォームの内容を変更したい お世話になります。 ある商品に関するお問い合わせフォームを制作していて、 プルダウンで「商品名」を選択したあとに、フォーム内容を変えたいと思っているのですが、 いろんなサイトを見て勉強してみましたが、方法がわからなくて困っています。 JavaScript、Jquery、PHPなど、変更できれば種類は問いません。 例を挙げますと、 【プルダウン選択】商品A を選んだとき 【フォームの内容】テキストフィールド:氏名、住所、電話、お問い合わせ内容  ラジオボタン:性別 【プルダウン選択】商品B を選んだとき 【フォームの内容】テキストフィールド:氏名、ふりがな、住所、Eメール、お問い合わせ内容  チェックボックス:固定電話、携帯電話 というように、プルダウンで選んだ項目に対して、それ以降の項目を変更させたいです。 設置時の希望として、 新たなページにジャンプするにしても、inframeを使って、あたかも同じページ内で完結し、ページ移動していないように見せたいです。 また、後の更新を考えて、なるべくシンプルなディレクトリ構成ができれば嬉しいです。 サーバは、cgi、php、javascriptが使えます。Jqueryはまだ試したことがありません。 どうぞよろしくお願いいたします。

  • 物件番号が自動的に挿入されるお問合せフォーム

    商品詳細ページから「この商品を問い合わせる」ボタンを押すと、 次表示された問合せフォームのページに、 商品番号が自動的に挿入されている、 といった機能のある、フリーのプログラムを探しています。 サンプル(お問合せボタン) http://www.yes1.co.jp/rire/bukken/6160120289 設置が容易であれば、JavaScriptでもPHPでもかまいません。 ご存じの方がいらっしゃいましたら、教えてください。 よろしくお願いいたします。

  • Webサイトのお問い合わせのフォーム

    Webサイトのお問い合わせのフォーム 会社のHPのお問い合わせフォームから『この内容で送信する』というボタンを押すとエラーのページになってしまいます。 『Web サイト側でページを表示できません 可能性のある原因: Web サイトがメンテナンス中である。 Web サイトに、プログラム上の問題がある。 対処方法: ページを最新の情報に更新する。 前のページに戻る。 詳細情報 このエラー (HTTP 500 内部サーバー エラー) は、Web サイトのサーバーに問題があって Web ページが表示できないことを意味します。 HTTP エラーの詳細はヘルプを参照してください。 』 プログラミングに詳しくないです。(つくった人が辞めてしまって、詳しい人がいなくなっちゃいました(泣)) 何が原因でしょうか? ちなみに上記の対処方法は試しました。

    • ベストアンサー
    • CGI
  • ホームページのお問い合わせフォームについて

    アルバイトで自社サイトの制作をしています。 オフィス家具を輸入し自社サイトで販売しています。 今日初めて知ったのですが、お問い合わせや見積もりフォームからのメールは 迷惑メールに分類される事があるのですね。 早速迷惑メールに入らないようにメールソフト側で設定しました。 4ヶ月近く知らずにやっていました・・・注文をいくつ逃したのだろう・・・ とはいえ、アクセス解析をすると1ヶ月のページ全体のページビュー数が平均1400程度。 そのうち問い合わせ・見積もりフォーム(BtoB向けなので注文カートなどはなく見積もりをしてから註文書を発行)に来てくれる人が平均30人近くはいます。 ですが月に問い合わせが2、3件あるかないかです。 30件全てが迷惑メールに入るということは考えられませんので何かフォーム時代に問題があるのだとは思うのですが、原因がわかりません。 ちなみに入力項目は *ご用件(選択項目は 製品について・価格について・注文・入荷について・メーカーについて) お名前 電話番号(半角) 会社名 *メール(半角) *お問い合わせ内容 のみです。 米印は入力必須項目です。 それから商品一覧ページの一番上、真ん中、一番したに問い合わせフォームへ促すための ボタン。 商品1つ1つに問い合わせボタンをつけています。 少ししつこいのかもしれませんが、それでも問い合わせフォームへのアクセスが0でない以上 なぜ実際に問い合わせがこないのか、アクセス解析をしてもよくわかりません。 もちろん、ホームページを見てみないとはっきりしたことは言えないとは思いますが、 推測でも構いません。原因が何かヒントでもいただけると幸いです。

    • ベストアンサー
    • HTML
  • 問合せフォームの作成について

    http://www.kent-web.com/data/postmail.html 上記URLのフォームメールのプログラムを 使用して問合せフォームを作成しようとしています。 cgiなどを使うのは全くの初めてですので よくわかっていません。 【質問1】 上記URL内に『ディレクトリ構成』が載っているのですが この中の「postmail.html」の位置を変更してもいいのでしょうか? もし変更が可能であれば他のファイル内の記述で何か変更することは でてくるのでしょうか? また、ファイル名も変更していいのでしょうか? 【質問2】 一つのHPに問合せフォームを複数(2つ)作りたい時、 何をしたらいいのでしょうか? (htmlの問合せページは2つ作成しました。)

    • ベストアンサー
    • CGI
  • お問い合わせフォームに品名を残して表示させたいです。

    職場での製品に関するお問い合わせフォームを使っています。 製品の検索結果はcgiを作動させて表示させています。 ボタンをおしてお問い合わせフォームへ行くようになっていますが お客様の商品名を入力する手間を省ければと思っています。 すべて製品の下にお問い合わせフォームボタンがあるので 押したら、その直前ページの製品名が品名欄に入るという動きです。 可能でしょうか? 作成ソフトはホームページビルダーです。 よろしくお願いいたします。

    • ベストアンサー
    • CGI
  • 問い合わせフォームにくるスパム

    ネットショップのホームページに「お問い合せ」フォームのページを作りました。プログラムは無料でネット上に提供されているものをカスタマイズして使用しています。 お客様がこのフォームに記入して「投稿」ボタンを押すと、その内容がメールでお店に届きます。 最近、お問い合せフォームから、英文のわけのわからない文章やURLが大量に貼り付けられたメールが届くのですが、頻繁に来るのでこまっています。 なにか防ぐ方法はないのでしょうか?

  • wordpress環境でのお問い合わせフォーム設置

    wordpressでとある雑貨屋さんのサイトを構築中です。 「固定ページ1ページ」に、雑貨「1商品」の詳細を掲載(htmlで記述)して、全ての商品を見せて行こうと思っています。 各商品には個別に振られた「商品番号」があり、この「商品詳細の固定ページ」には、詳細内容のひとつとしてこのこの「商品番号」も掲載します。 そしてさらに、この固定ページ(商品詳細ページ)には、「この商品に対するお問い合わせフォーム」へのリンクを設置し、そのリンク先のフォームにはこの商品の「商品番号」があらかじめ取得されている状態の入力フォームページを生成したいのです。 これが可能なのか、もし可能であればどのようにすれば良いのか、知識をお持ちの方がいらっしゃいましたら何卒ご教授くださいませんでしょうか。

    • ベストアンサー
    • PHP
  • 英語での「問い合わせフォーム」の表記について

    スマホアプリの開発をしており、リリースするアプリに対する問い合わせのため、サイトに「お問い合わせフォーム」を設置しようと考えています。 日本語ページと英語ページがあり、英語ページの方での「お問い合わせフォーム」の表記について悩んでおります。 なぜかといいますと、翻訳サイトやネット上で調べてみると query form inquiry form contact form のように様々な表記が見られるからです。 英語に詳しい方おられましたら、それぞれのニュアンスの違いを教えて頂きたいのです。 もしくはもっと適切な表現があればお教え頂けると助かります。 フォームを設置する目的は、アプリに関する質問、意見、要望、不具合報告などを受け取るものです。 利用者はフォームを使用する際、スマホの種類、対象となるアプリ、意見なのか不具合報告なのか、などを選択し、詳細をテキスト入力して送信する…というイメージです。 よろしくお願いいたします。

専門家に質問してみよう