ホームページに問合せフォームを挿入する方法

このQ&Aのポイント
  • ホームページに問合せフォームを挿入する方法とは?
  • 忍者ツールズで問合せフォームを組み込む方法をご紹介します
  • メールフォーム設置タグを使用して問合せフォームを表示させましょう
回答を見る
  • ベストアンサー

ホームページに問合せフォームを挿入する方法。

現在、ホームページをつくっています。 忍者ツールズで問合せフォームを作成し、ホームページに組み込みたいと思っています。 しかし、どうしても上手くいきません。 メールフォーム設置タグを組み込んでも、文字列が表示されるだけです。 ちなみにレンタルサーバも忍者ツールズです。 忍者ツールズのホームページには↓の様な説明が書いてありました。 下のテキストボックスがメールフォーム設置用のタグです。 タグを全てコピーし、ソースの<body>~</body>の間の表示させたい場所に貼り付けてください。タグは改変せずそのまま使用してください。 ホームページ上に現在ある問合せフォームの所にニンジャツールズの問合せフォームを挿入したいです。 ご回答お願いします。 【私のホームページ】 http://leathercraft.iaigiri.com/contact.html 【メールフォーム設置タグ】 <!--ninja_style_mailform--> <div id="SMFkkk">Powered by <a href="http://www.ninja.co.jp/" target="_blank">NINJA TOOLS</a></div> <script type="text/javascript" src="http://mf1.shinobi.jp/call/828d55f5fea39e5d2264d8859ba2ce60/leathercraft.js" charset="utf-8"></script> <noscript>[<a href="http://mf1.shinobi.jp/stat/828d55f5fea39e5d2264d8859ba2ce60/leathercraft.js" target="_blank">NINJA_STYLE_MAILFORM</a>]<br /><a href="http://www.shinobi.jp/affiliate/" target="_blank">アフィリエイト</a></noscript> <!--ninja_style_mailform--> 【パソコン環境】 adobe dream weaver CS5 Windows7 Pro 64bit

noname#209402
noname#209402
  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • DrFell
  • ベストアンサー率55% (305/551)
回答No.2

>文字列が表示されるだけです それで正しく表示されています。 タグはJavaScriptで出来ていますので、JavaScriptを切っていると [NINJA_STYLE_MAILFORM] アフィリエイト の表示になります。 justin_davis さんのブラウザの設定をJavaScriptをON状態にしてみてください。 殆んどのブラウザの初期値はONですので、自分で故意にJavaScriptを切り替える 人以外には表示されます。

noname#209402
質問者

お礼

返事が遅くなり申し訳ありません。 Javaの設定変更で解決しました。 どうもありがとうございました。

その他の回答 (1)

  • Prairial
  • ベストアンサー率30% (188/617)
回答No.1

その忍者ツールズとはマクロかなにかだろうか? 俺は以下のソースでメモ帳で普通に作ってるが。【】内は任意の値に変更してくれ。 <form method="post" action="mailto:【メールアドレス】" enctype="text/plain"> <p align="left" class="center"><font face="MS ゴシック"><b>お客様のお名前 :</b></font><font face="MS ゴシック"><input type="text" name="氏名" size="50"></font></p> <p align="left" class="center"><font face="MS ゴシック"><b>お客様のメールアドレス</b></font><font face="MS ゴシック">:<input type="text" name="メールアドレス" size="80"></font></p> <p align="left" class="center"> </p> ●写真は以下の部分のイメージです。 <p align="left" class="center"><hr><font face="MS ゴシック" size="2" color="red"><b>(商品をご注文される場合は、以下の各項目に、もれなくご記入下さい)</b></font></p> <p align="left" class="center"><font face="MS ゴシック"><b>郵便番号:</b></font><font face="MS ゴシック"><input type="text" name="郵便番号"></font></p> <p align="left" class="center"><font face="MS ゴシック"><b>商品のお送り先ご住所:<br> </b></font><font face="MS ゴシック" size="2" color="red"><b>(代金引換をご希望の場合は必ず電話番号もご記入下さい。)</b></font><font face="MS ゴシック"><b><br> </b></font><font face="MS ゴシック"><textarea name="住所" rows="3" cols="50"></textarea></font></p> <p align="left" class="center"> </p> <p align="left" class="center">・表題の商品を以下の通り注文いたします。</p> <p align="left" class="center"><font face="MS ゴシック"><b>ご注文点数:</b></font><font face="MS ゴシック"><input type="text" name="注文数"></font></p> <p align="left" class="center"><font face="MS ゴシック"><b>商品代金計:</b></font><font face="MS ゴシック"><input type="text" name="商品代金" size="50"></font></p> <p align="left" class="center"><font face="MS ゴシック"><b>送  料 :</b></font><font face="MS ゴシック"><input type="text" name="送料" size="50"></font></p> <p align="left" class="center"><font face="MS ゴシック" size="2" color="red">注)お買い上げ金額が合計5000円以上の場合は、送料をサービスいたします。</font></p> <p align="left" class="center"><font face="MS ゴシック"><b>代金お支払い方法:</b></font><font face="MS ゴシック"><select name="支払い方法"> <option selected>お選び下さい</option> <option value="【銀行1】">振り込み【銀行1】</option> <option value="【銀行2】">振り込み【銀行2】</option> <option value="書留">現金書留</option> <option value="代引">代金引換便にて発送</option></select> </font></p> <p align="center" class="center"><font face="MS ゴシック"> </font></p> <p align="center"><font face="MS ゴシック"><b>ご連絡事項があればお書き下さい。</b></font><font face="MS ゴシック"><br> <textarea name="連絡事項" rows="5" cols="50"></textarea></font></p> <p align="center" class="center"><font face="MS ゴシック" color="red"><b>ご来店ありがとうございます。</b></font><font face="MS ゴシック" color="red"><br> ご記入事項を確認の上、送信ボタンを押してください。</font></p> <p align="center" class="center"><font face="MS ゴシック"><input type="submit" value="送信">          <input type="reset" value="やり直し"></font></p> </form> これでちゃんとフォームは送信される。添付は見にくいがこんなイメージのフォーム。 送信ボタンもキャンセルボタンも下にある。

noname#209402
質問者

お礼

ご回答ありがとうございます。 忍者ツールズとは、レンタルサーバーです。 そこで問合せフォームを無料提供してくれるんです。 わざわざHTML作って頂きありがとうございます。 いずれ自身でサーバー持つようになった時に使わせて頂きます。

関連するQ&A

  • メールフォームの位置 及び 文字の回りこみ

    お世話になります。 忍者ホームページにて忍者メールフォームを使用しています。 http://charanporan.xxxxxxxx.jp/bosyuu.html/ メールフォームを設置したところ左側に表示されましたが、右側に表示するには どのようにすれば良いですか? (試した例⇒ <DIV style="align:right"> )変化ありませんでした。 また メールフォームが左側に表示されているとき、右側への文字の回りこみ メールフォームが右側に表示されているとき、左側への文字の回りこみ はどのようにすれば良いですか? (試した例⇒ <DIV style="float: right;"> )変化ありませんでした。 メールフォーム設置タグ <!--ninja_style_mailform--> <div id="SMFkkk">中略</div> <script type="text/javascript"中略</script> <noscript>中略</noscript> <!--ninja_style_mailform--> 上記がメールフォームタグです。 具体的にどのようにすればよいか教えてください。 よろしくお願いします。

  • 忍者ツールズなんですが

    先程、忍者ツールズのカウンターを設置しました。カウンターはちゃんと表示されるのですが、 カウンタ設置の説明のところにある 「アクセスカウンタを使うには、このページ一番下に表示されるソースをカウンタしたい各ページソースの<BODY>タグと</BODY>タグの間の任意の位置に書き加えてください。 」というのがよく分かりません。 ページの一番下に表示されるソースというのは 「Copyright (C)2004 NINJA-SYSTEMS All rights reserved.」のことだと思うのですが うまく貼り付けることが出来ません。 HTMLの中身を教えて頂けると助かります。 よろしくお願いします。 私のカウンタ用HTMLソースは↓ <!--shinobict1--> <script type="text/javascript" src="http://ct1.shinobi.jp/sc/0218082"></script> <noscript><a href="http://ct1.shinobi.jp/gg/0218082" target="_blank"><img src="http://ct1.shinobi.jp/ll/0218082" border="0" alt="忍者TOOLS"><br>アクセスカウンター</a></noscript> <!--shinobict2---> です。お願いします

  • 忍者ツールズを使用している方にカウンターの質問です

    少しは成長・・・できたのかなぁ・・・ とりあえず!! ◎Windows XP(使用 ●FFFTP ●FrontPage Express あります。 あといろいろ知識もみにつけてみました(ほんとかょ 質問↓ カウンターレンタルはできたのですがここからどうすればいいかわかりません;; >>カウンタの設置(カウンタ用HTMLソースの貼り方) アクセスカウンタを使うには、このページ一番下に表示されるソースをカウンタしたい各ページソースの<BODY>タグと</BODY>タグの間の任意の位置に書き加えてください。 ホームページビルダー等の「構文エラーを自動修正する」ような機能は無効にしてください。できれば、ホームページビルダー等でページのデザインを作った後、メモ帳でHTMLファイルを開きなおして手動で書き加えるのが正確です。 一度設置すれば、カウンターの種類を変更するなどしてももう一度貼りなおす必要はありません。 (カウンタ用HTMLソース) <!--shinobict1--> <script type="text/javascript" src="http://ct1.shinobi.jp/sc/0116643"></script> <noscript><a href="http://ct1.shinobi.jp/gg/0116643" target="_blank"><img src="http://ct1.shinobi.jp/ll/0116643" border="0" alt="忍者TOOLS"><br>アクセスカウンター</a></noscript> <!--shinobict2---> このあとなのですが。。。 忍者ツールズを使用したことがある方がいらっしゃいまいたら詳しい手順を教えて下さい。。。

  • 忍者ツールズで借りてるアクセスカウンターの設置がわかりません

    XPでホームページビルダーを使い作っているのですが、カウンターの設置を説明通りしてみると、エラーがでます。 忍者ツールズでは アクセスカウンタを使うには、このページ一番下に表示されるソースをカウンタしたい各ページソースの<BODY>タグと</BODY>タグの間の任意の位置に書き加えてください。 ホームページビルダー等の「構文エラーを自動修正する」ような機能は無効にしてください。できれば、ホームページビルダー等でページのデザインを作った後、メモ帳でHTMLファイルを開きなおして手動で書き加えるのが正確です。 カウンタ用HTMLソース <!--shinobict1--> <script type="text/javascript" src="http://ct1.shinobi.jp/sc/0126548"></script> <noscript><a href="http://ct1.shinobi.jp/gg/0126548" target="_blank"><img src="http://ct1.shinobi.jp/ll/0126548" border="0" alt="忍者TOOLS"><br>アクセスカウンター</a></noscript> <!--shinobict2---> と載っていたので、 私はHTMLソースに </BODY> 省略 <BR> <BR> 省略 </BODY> のBRの間にソースを貼り付けるような感じでがやったのです、やり方が違うのでしょうか? 構文エラー タグ名・・・</P> 行番号・・・32 エラー内容・・・開始タグ(</P>)がみつかりません とでます。 プレビューを見るとチューリップの絵に忍者TOOLSと書いてあり、大きくバッテンされその下にアクセスカウンターと小さなビックリマークが出ててました。 メモ帳でやるやり方も理解できませんでした。 どなたかわかる方設置の仕方を教えてください。

  • script 表示について

    HTMLに関しては初心者です。 忍者ツールのアクセス解析に使用するHTMLをgooブログに使ったのですが、投稿した後に記事確認すると、 <SCRIPT src="http://x8.amearare.com/ufo/10961500c" type=text/javascript></SCRIPT> <NOSCRIPT> [PR] 高速バス 大阪</NOSCRIPT> のように出てきてしまうのですが、これはブラウザが対応していないせいだからでしょうか? メモ帳で確認したらちゃんと表示されていたのですが、どうすればいいのか分かりません。 もし、何か方法があるのであれば教えてください。 HTMLの元はこれです。 <!--shinobi1--> <script type="text/javascript" src="http://x8.amearare.com/ufo/109615000"></script> <noscript><a href="http://x8.amearare.com/bin/gg?109615000" target="_blank"> <img src="http://x8.amearare.com/bin/ll?109615000" border="0"></a><br> <span style="font-size:9px">[PR] <a href="http://unica.rentalurl.net" target="_blank">ユニカ食品</a></span></noscript> <!--shinobi2-->

  • 忍者アクセスアナライザーがうまく貼れません。

    ライブドアブログで 忍者アクセスアナライザーを貼ったのですが 表示されません。 「できるブログ」という本を見ながら 下記のように <body class....index"> のあとに貼り付けました。 本では <body> の後に貼り付けるとありましたが <body>がなかったので <body class......index"> の後にいれました。 なにか間違っているでしょうか。 スペースを空けてはいけないでしょうか。 10日前から アクセスアナライザーをなんとか貼り付けよう悪戦苦闘してますが。。 どなたか教えていただけませんか。 IfFoafUrl><link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" /></IfFoafUrl> <title><$BlogTitle ESCAPE$> - livedoor Blog(ブログ)</title> </head> <body class="standard_blue standard_blue_3c index"> <!--shinobi1--> <script type="text/javascript" src="http://x5.omiki.com/ufo/079614900"></script> <noscript><a href="http://x5.omiki.com/bin/gg?079614900" target="_blank"> <img src="http://x5.omiki.com/bin/ll?079614900" border="0"></a><br> <span style="font-size:9px"><img style="margin:0;vertical-align:text-bottom;" src="http://img.shinobi.jp/tadaima/fj.gif" width="19" height="11"> <a href="http://monthly_apartment.rentalurl.net" target="_blank">マンスリーマンション</a> <a href="http://shinchiku.rental-rental.net" target="_blank">新築</a></span></noscript> <!--shinobi2--> <a name="top"></a> <$BlogHeader$> <div id="container"> <div id="cgmmenu"><ul> <li><a href="http://clip.livedoor.com/clips/<$BlogOwner$>/" target="blank">クリップ</a></li> <li><a href="http://pics.livedoor.com/u/<$BlogOwner$>/" target="blank">ピクス</a></li> <li><a href="http://lislog.livedoor.com/u/<$BlogOwner$>/" target="blank">

  • ホームページビルダーを使用してらっしゃる方、教えて下さい。

    ホームページビルダーを使ってホームページを製作しているのですが、リンクが挿入されている部分の文字がスタイルシート通りの文字になっている箇所もあれば、全然違う色や大きさになってるところもあり、大きさはともかくフォントの色に関してはタグを見てもどう修正していいのかがよく分かりません・・・・ 例えば以下のような箇所がそうです。 楽天アフェリエイトのタグです ↓ <TD align="center"><A href="http://***/0276c7e4.e0895a5d/?url=http%3a%2f%2ftravel.rakuten.co.jp%2findex_pet.html" target="_blank">★★★</A></TD> この中にフォントの色を指定するタグが入っているのでしょうか? また、どのように修正すればよろしいのでしょうか・・ どうかよろしくお願いいたします。

  • このHTMLタグをヤプログの自分のブログに使用したい場合

    エンコードがEUC-JPでタグがこれです。 <script type="text/javascript" src="http://orange-park.jp/ads/ads.php?aid=15683"></script><noscript><a href="http://orange-park.jp/" target="_blank">無料アクセスアップのオレンジトラフィック</a></noscript> もしくは エンコードがSHIFT-JISでタグがこれです <script type="text/javascript" src="http://orange-park.jp/ads/ads.php?en=s&aid=15683"></script><noscript><a href="http://orange-park.jp/" target="_blank">無料アクセスアップのオレンジトラフィック</a></noscript> それとUTF-8でタグがこれです <script type="text/javascript" src="http://orange-park.jp/ads/ads.php?en=u&aid=15683"></script><noscript><a href="http://orange-park.jp/" target="_blank">無料アクセスアップのオレンジトラフィック</a></noscript> この3つともヤプログで使えなかったのですが どうしたらつかえるんでしょうか? どうしても使いたいのです。

  • ホームページの作り方

    http://mezyu.chottu.net/ FrontPage ExpressとFFFTPを使っています。 テンプレートをかりてホームページをつくっているのですが、コンテンツ(右の)を増やそうとすると白いわくが消えてしまって About Diary Links Mailform Top と横書きに出てきてしまいます。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title>*</title> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> <!-- a:link,a:visited,a:active,a:hover{ color:#000; text-decoration:none; } body{ margin:0px; background-image:url(bg1.jpg); background-position:100% 0%; background-repeat:no-repeat; overflow:hidden; } .m1{ padding:5px 0px; width:100%; background-color:#fff; border-bottom:1px solid #000; filter:alpha(opacity=70); -moz-opacity:0.7; text-align:center; } --> </style> </head> <body> <p><a href="about.html" target="main">About</a> <a href="links.html" target="main">Links</a> <a href="mailform.html" target="main">Mailform</a> <a href="top.html" target="main">Top</a> </p> </body> </html> ↑ここにDiaryを増やしたくて<a href="diary.html" target="diary">Diary</a>と入れてみたのですが。。。 教えてもらえると助かります。

  • タグをwiki文法に変えていただけないでしょうか(-"-)

    タグをwiki文法に変えていただけないでしょうか。。 <div style="width:160px;text-align:center;"><script type="text/javascript" language="JavaScript" src="http://www.blogdeco.jp/renda/tag.php?parts_id=125903271688482"></script><noscript><a href="http://www.blogdeco.jp/" target="_blank"><img src="http://www.blogdeco.jp/img/jsWarning.gif" width="140" height="140" border="0" alt="Blogdeco" /></a></noscript><a href="http://www.blogdeco.jp/">ブログパーツ</a></div>

専門家に質問してみよう