• ベストアンサー

ホームぺージ作成において・・・・

ホームページ作成において、入力フォームを盛り 込みたいと思っています。これは同好会のメンバ ー募集が目的のコーナーの作成ということです。 基本的なスタイルとしては以下のようなものを考 えています。 (1)トップページの中の選択肢をクリックしたら、  新しいページが開いて、企画の内容を詳しく  表示する。内容は管理者側で随時更新可能に  しておく。 (2)内容表示の画面の中に設けられた「入力フォ  ーム」というボタンをクリックしたら、氏名・  メールアドレスなど各種入力欄のページが表示  される。この画面のタイトル は「参加申し込  みフォーム」とする。 (3)アクセス者は、入力欄に必要な情報を入力して、  入力欄外上・下部に設置された送信ボタンをクリ  ックする。 (4)送信ボタンをクリックした後、送信する情報が  正しいかどうかの判断をアクセス者に促すコメン  トを表示。OKなら「確認送信」、NGなら「入力フ  ォームに戻る」というボタンをクリックして画面  遷移させる。 (4)管理者側は、送られてきたデータをその画面の  まま読み取り、内容を確認する。 (5)管理者は、内容確認後、受け付けた旨をアクセス  者にメールで知らせる。 基本的にはこんなイメージで考えています。 使用しているホームページ作成ソフトは、「ホームペ ージ・ビルダー7」です。大至急知りたいので、作り 方をご存知の方はよろしくお願いします。

  • stani
  • お礼率23% (5/21)

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

  • ベストアンサー
  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.4

(1)の核心部分だけ <INPUT TYPE=radio NAME=radio VALUE=http://www.goo.ne.jp onClick="window.open(this.value,'_new'); return true ;">goo<BR> <INPUT TYPE=radio NAME=radio VALUE=http://www.google.co.jp onClick="window.open(this.value,'_new'); return true ;">google<BR> <INPUT TYPE=radio NAME=radio VALUE=http://www.yahoo.co.jp onClick="window.open(this.value,'_new'); return true ;">yahoo<BR> を参考にして、VALUE=に設定されたURLや文書をいじってくださいな。

その他の回答 (5)

noname#10926
noname#10926
回答No.6

プロバイダーに用意されている物を使用するかホームページビルダーのサンプルを使用すると簡単です。 ただし、ホームページビルダーのサンプルだけでは動作しませんから、別途CGIが必要になります。 サンプルは [C]-[ProgramFiles]-[IBM Homepage Builder]-[sample]-[cgi]-[index.htm]をよ~く読んでみましょう。 CGIはこちら↓で探してみましょう。 http://tohoho.wakusei.ne.jp/wwwmail.htm

参考URL:
http://tohoho.wakusei.ne.jp/wwwmail.htm
  • n_kaname
  • ベストアンサー率22% (694/3099)
回答No.5

(4)と(5)を管理者が手動でチェックするか、自動で行いたいのかによって変わってきますが、既出の通り自動で行う場合はcgi等のプログラムが必要になります。 手動で行うとしても、画面上のフォームからの送信にはsendmailが使えないと出来ません。 一応htmlで行う方法もありますが、ブラウザにメール設定がされていないとならないので全員が送信できるとは限りらないです(URL参照) cgi可でsendmailも使えるようなら、配布されているプログラムを利用するのも手です。 こちらのオフ会名簿などは近いかな。 http://tinkle.cside.com/book/

参考URL:
http://www.red.oit-net.jp/tatsuya/java/mail.htm
  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.3

(2) <HTML> <HEAD> <TITLE>参加申し込みフォーム</TITLE> </HEAD> <BODY> <FORM> ここはご自由にどうぞ。 </FORM> </BODY> </HTML> ではでは

  • mat-21
  • ベストアンサー率56% (91/162)
回答No.2

俗に言う「フォームメール」もしくは「メールフォーム」ってやつだと思います。 この内容から言うと「CGI」で動作させるしかないかと思います。ホームページ・ビルダー7のソフトは知らないですが、根本的にCGIプログラムをつくらなくてはならないかと思います。世間には「フォームメール」の「CGIプログラム」がネット上に販売もしくは無償ダウンロードされていますので、検索してみてください。

  • arukamun
  • ベストアンサー率35% (842/2394)
回答No.1

じゃあ、簡単そうな(4)の核心部分だけですが、 <INPUT TYPE="submit" VALUE="送信" onClick="return window.confirm('送信します。よろしいですか?');"> といったように行えばよいですね。 コメントは適当に変えてください。

stani
質問者

お礼

ありがとうございました 基本的にはVBかCGIでも使って作らなくては いけないのかなと思っていたのですが、部分 的ながら具体的なプログラム文を示していた だいて勉強になりました。

関連するQ&A

  • フォームメールでの通し番号

    CGIでフォームメールを作成しています。 フォームから入力された情報はサーバに残さずに、管理人のメールに送る仕組みです。サーバに情報は残さないのですが、管理人が受信したメールの件名に、通し番号を追加したいと思っています。 確認用のページの「送信する」ボタンをクリックして、カウントさせたらいいのかもしれませんが、書き方がよくわかりません。 カウントCGIを利用すればよい、というのはよく見かけるのですが、カウントだと、ページが表示されたときにカウントされていってしまうと思うのですが、送信のクリックボタンを押して、というようにするには、具体的にどのように記入すればいいのかがわかりません。 漠然とした内容で申し訳ありませんが、よろしくお願いいたします。

    • ベストアンサー
    • CGI
  • Mac版IEで困った動き

    入力フォームから、送信ボタンを押すと入力内容の確認画面に遷移するようなページを作成しました。 フレームを左と上に切っていまして、左がメニュー部、上が ただのデザインを表示するヘッダー部となっています。 WindowsのIEでは正常に内容確認画面が表示されるのですが、 Mac版のIE5ですと、送信ボタンを押してもどういったわけだか入力フォームは表示されたままなのです。 でも、内容確認画面も表示されます。ヘッダー部に。 なぜですかー?? どなたか解決策をご存知でしたらお助けください。 宜しくお願いします。

    • ベストアンサー
    • CGI
  • フォームについて

    お問い合わせフォームの流れについて質問です。 現在の流れを書きますと・・・ 1:フォームに入力し確認ボタンをクリック 2:エラーチェックを行う 2-a:エラーがあればページ移管せずメッセージ表示 2-b:エラーがなければPOST値をSESSIONに代入し確認画面へリダイレクト 3:確認画面で送信ボタンをクリックで送信ページにリダイレクト 4:送信ページでメールの送信を行いSESSION破棄 こんな流れが自分の中で基準となっているのですが、セッションだと最終的に リダイレクトするので、確認画面から入力画面に戻ると入力値が消えることや IEでページがうまく表示されないことがあるので、できるだけPOSTで対応したく 思っております。 入力画面でformのactionを自分自身としているので、これを確認用のページに 指定してやれば問題ないのですが、エラーがあろうがなかろうが確認用のURLに 変わってしまいます。 エラーがあるうちは、画面移管させたくないので何かいい方法はないかと思って いるのですが、皆さんはどのような流れでフォームを作成しているのでしょうか? おおまかな流れで結構ですのでアドバイスをいただければと思っております。

    • ベストアンサー
    • PHP
  • Accessで作成した登録ボタン

    Access2003で営業管理システムを作成しております。 フォームで色々な情報を入力する画面を作成したのですが、 登録ボタン(コマンドボタン)をクリックした際、 入力した情報をデータベースに反映させるにはどうしたらよいのでしょうか? マクロの組み方やクエリの作成の仕方など まだまだわっからないことだらけですので ご指導頂けたらと思います。 よろしくお願いいたします。

  • タグ CGI

    ホームページ上の情報入力フォームで <input type="submit" value="送信する" /> で送信ボタンを押すと入力内容の確認ページに飛ぶのですが 最初の入力ページが縦幅が大きいせいで次の画面がページ上部に 表示されているが画面は下部を表示しているため真っ白になって しまいます。送信ボタンを押した後次のページで上部を表示させる 方法はありますか? 最初の入力フォームはページがありその中央にIフレームで表示させています、フォームはCGIにて動作します。

    • 締切済み
    • CGI
  • ウェブサイトに申し込み受付フォームを作る方法は?

    ウェブサイトに簡単に申し込み受付フォームを作る方法はありますか? 申し込み受付フォームを作成したいと考えています。 できるだけ簡易的に作る方法を探しています。 やりたい手順は以下のとおりです。 1)ユーザが指定の情報を入力する。   住所や、氏名、電話番号など 2)申し込みボタンをクリック 3)入力内容を確認する画面を表示 4)送信ボタンをクリックすることで、メールであらかじめ指定した宛先へ、入力内容を送信する。 以上です。ご存じの方、お助けくださいませ!

  • アクセスでコマンドボタンからメール作成について。

    アクセスのあるフォーム上でコマンドボタンを押すとOutlook Expressが開くようにしてあります。アドレスを入力する欄があるのですが、アプリケーションとしてただ開くだけで、改めてアドレスを入力なり選択なりする必要があります。そのコマンドボタンを1クリックするとOutlook Expressのメール新規作成画面が開き、そのアドレスが自動的に挿入されるようにしたいのですが、難しいでしょうか?どなたかご教授願います。

  • 条件分岐のさせ方について

    php初心者です。 Dreamweaver CS5 xampp を使用してメールフォームを作成しております。 一つのファイル内 form.php にて現在 if else を使って下記のフローを実行させているのですが 上手くいきません。 【現象1】 PF12を押してブラウザ表示させると同時に メールが送信されてしまいます。 【現象2】 ブラウザ表示させた画面では (3)【送信処理が完了しました】画面 以降の部分まで表示されてしまいます if else の使い方または条件分岐のさせ方に 問題があるような気がするのですが 初心者故今一つこの辺りをよく理解出来ておりません。 どなたか解り易いアドバイス頂けると有難いのですが・・・ 文字数オーバーで今回、ソースを載せきれなかった為 フローにして載せさせて頂いたのですが・・・ 解り辛くて大変申し訳ありませんです。 ~前略~ <?php if{ A【各項目欄へご記入・ご選択をお願いします】画面 *フォーム表示 取消ボタンを押す ・記入した内容のクリア 確認ボタンを押す ・入力チェックしてOKならば B画面 へ ・入力チェックしてNGならば再度 A画面 にて警告文も併せて表示 }else { B【以下の内容で送信してよろしいですか?】画面 修正ボタンを押す ・A画面へ戻る(入力内容は保持したまま) 送信ボタンを押す ・C画面へ } { C【送信処理が完了しました】画面 送信処理が完了しました! と表示 戻るボタンを押す ・HPのトップページへ ?> ~後略~ 因みに以前は B【以下の内容で送信してよろしいですか?】画面 を追加する前でしたので下記のフローで正常に動作しておりました。 ~前略~ <?php if{ A【各項目欄へご記入・ご選択をお願いします】画面 *フォーム表示 取消ボタンを押す ・記入した内容のクリア 確認ボタンを押す ・入力チェックしてOKならば入力内容を送信して C画面 へ ・入力チェックしてNGならば再度 A画面 にて警告文も併せて表示 }else { C【送信処理が完了しました】画面 送信処理が完了しました! と表示 戻るボタンを押す ・HPのトップページへ ?> ~後略~ どなたか解り易いアドバイス頂けると有難いのですが・・・

  • メール作成時の画面がおかしくなった

    メールの文書入力画面がおかしい。 「メール作成」をクリックすると、通常は直ぐに文書の入力画面になるはずですが、どういう訳かそうならなくなってしまいました。 症状は、「メール作成」をクリックすると、タスクバーに「メッセージ作成」と表示されるのですが、同時にタスクバーの上方に更にもう一行「メッセージ作成」と表示されます。 そして、このタスクバー上方の「メッセージ作成」をダブルクリックすることにより、初めて入力画面に切り替わります。 但し、この入力画面も、画面目一杯の大きな入力画面となっております。 だから普通は画面に隠れている「添付・重要度・署名・暗号化・オンライン」のボタン表示が、上段に有る送信ボタンと一緒の欄に表示されるようになりました。 何をやったからこうなったのか分かりません。 通常の入力画面に戻したいのだが、どうすれば直るのでしょうか。 バージョンは(Windows) Outlook Express 6です。

  • JavaScriptで「検索フォーム」作成について

    HP内にJavaScriptで「検索フォーム」を作成したいのですが、本やサイト等色々探してみても、その作り方がなかなか見つかりません。もし、詳しい方がいらっしゃれば教えて下さい。 具体的には質問追記欄に記載致します 例)CSSで作られたページに検索フォームを置き、検索された対象のページが新しいウィンドウに表示される。                           ▼フォーム▼   ▼検索ボタン▼ (1)検索フォーム初期状態     ⇒[ここに入力してください。] 「検索」 (2)検索フォームに「光」と入力。  ⇒[光              ] 「検索」 (3)"「検索」"ボタンをクリック。  ⇒[光              ] 「検索」 (4)新しいウィンドウ(name=jisyo)に 対象のページが表示される。

専門家に質問してみよう