札幌Web制作のシンクグラフィカ

thanksページを閉じたい

村越さん (2013-04-01 07:03:55) https://www.secure-v.com/vsys/

はじめました。
Webページの初歩的な質問となり、もうしわけありません。

thanksページに閉じるボタン(またはイメージ)を追加して、閉じたいのですが、
onClick="window.close()"
で閉じれません。

呼出し時に JavaScriptのopenメソッドで開いていないからだと思うのですが・・・・

私の
根本的な考え方が間違っている?
コーディングが間違っている?
などなど、ご指摘、ご教授して頂けると助かります。

参考までに3つの閉じるを試しました。
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>テストサイトへのお問い合わせ</title>
  <link rel="stylesheet" type="text/css" href="jscss/style.css">
  <!-- Mailform Pro 4 CSS -->
  <link rel="stylesheet" href="mfp.statics/mailformpro.css" type="text/css" />

  <meta http-equiv="Content-Script-Type" content="text/javascript">
  <script type="text/javascript">
  <!--
  function closewin() {
    window.opener = self;
    window.close();
  }
  // -->
  </script>
</head>
<body>
  <div id="wrap">
    <h2><img src="parts/title.jpg" alt="お問い合わせ SSL対応フォーム" /></h2>

    <p class="fontLB">この度はお問い合せ頂き誠にありがとうございました。<br />
          改めて担当者よりご連絡をさせていただきます。
    <p><a href="javascript:closewin();"><img src="parts/icon_close.gif" /></a></p>

    <p><input type="button" value="閉じる" onClick="window.close()"></p>

    <p><a href="javascript:void(0)" onclick="window.close();">閉じて!!!</a></p>

  </div>
</body>
</html>

Re;thanksページを閉じたい

makkieさん (2013-04-01 17:39:54) http://www.synck.com/

この質問はメールフォームプロとは関係ない
Javascriptの基本に関しての質問ですので、他の方も回答されないのだと思います。

ですが、そこをあえて回答しますと、
onClick="window.close()にするときには、
その該当するページが主となるページと
別のタブなりウインドウで開いた状態じゃないと閉じれないので、
その辺を確認しましょう。

Re:thanksページを閉じたい

和田 (2013-04-07 13:10:25) www.synck.com

makkie様、助け舟ありがとうございます。
makkie様が述べている通り、window.closeはwindow.openによって開かれたウィンドウが対象となるため、基本的にwindow.close単体で動作しません(動作はするのですが警告アラートがでます)。

そのため、まずフォーム自体をhrefで開くのではなくwindow.openで開く、という遷移をする必要があります。