Htmlフォームの設置方を教えてください。

日本語 一般
1

https://plan.io/ja/contact-form-api/#A-Practical-Example
上記PlanioというRedmineのようなサービスで作成したフォームを
Concrete5上で動作させるには、具体的にどういう設定が必要でしょうか。

試しに上記サイト下部の「 5. A Practical Example」内のコードを
自分用にカスタムしてHTMLブロックに書いても、やっぱりというか、
コード内のエラーメッセージ(Something went wrong. Please try again.)が表示されます。

<!doctype html>
<html>
  <head>
    <title>Contact us!</title>

    <style type="text/css">
      body { font-family: sans-serif; margin: 2em; }
      label, input, textarea {
        width: 15em;
        float: left;
        margin-bottom: 1em;
        font-size: 1.2em;
      }
      label, input[type=submit] {width: 10em; clear: left;}
      #url, .thanks, .error { display:none; }
    </style>
    
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
      $(function() {
        $('form').submit(function() {
          $.ajax({
            url: $(this).attr('action') + '.json',
            method: 'post',
            dataType: 'json',
            data: $(this).serialize(),
            success: function () {
              $('form').hide();
              $('.thanks').show();
            },
            error: function () {
              $('.error').show();
            }
          });
          return false;
        });
      });
    </script>
  </head>

  <body>
    <h1>Contact us!</h1>
    <form action="https://mysite.planio.jp/helpdesk" method="POST">
      <p class="error">Something went wrong. Please try again.</p>
      <label for="name">Your name:</label>
      <input name="name" id="name" type="text" />

      <label for="mail">Your email address:</label>
      <input name="mail" id="mail" type="email" />

      <label for="subject">Subject:</label>
      <input name="subject" id="subject" type="text" />

      <label for="description">Your message:</label>
      <textarea name="description" id="description" rows="15" columns="50"></textarea>

      <input name="project" type="hidden" value="k" />
      <input name="url" id="url" type="text" />

      <input type="submit" value="Submit request" />
    </form>
    <p class="thanks">Thank you for getting in touch.</p>
  </body>
</html>
2

@tokunaga
お使いの Concrete CMS のバージョンはいくつでしょうか？
あと、テーマは何を使っていますか？
サンプルコードは jQuery の 3.1.1 を読み込んでいます。

もしかすると、テーマが違うバージョンの jQuery を読み込んでいて、それが Javascript エラーを起こしているかもしれません。

Concrete CMS 側の問題というより、テーマとフォームの Javascript の問題のようです。

1 Like
3

@katz515
ご回答いただきありがとうございます。
テーマはデフォルトで用意されてたものを使用しています。
思い切ってConcrete5をアンインストール・再インストールしたら解決しました。
もう長いことこのCMSを使わせていただいてるので、
何かの拍子にどこかが変になってしまったものと思います。
＠これまで、ログインしてからwelcome画面になるまで数十秒待たされましたが、それも解消しました。

違うバージョンのjQueryという一文を拝見して、よし入れ直そうと決心できました。
ありがとうございました！