Skip to main content
質問の補足・追記を受けて大きく書き直し、以前のものはリビジョン参照のこと
ソース リンク
user10259
user10259

PHPがサーバ側の言語であり、JavaScriptがクライアント側質問言語であること追記理解し受けいる前提で2種類説明大きく書き直しました。
1.input type='image'ですが、ブラウザにより"value"が送信されたりされなかったりします。

1つ目:PHP
2.回避としてはクリック位置の_xもしくは_y遷移せず使う場合使用する。そもそも、input type='image'Ajaxなく別にinput type="hidden"など通信し、処理用のphpファイル別途用意送信する必要があります。のどちらかです
ただし、下記例3.以前の回答は初期化後、ログイン画面(?)には遷移参考例」を記述ません。

"post.php"ましたがご覧になられましたか?例の通りに削除するように確り書き直しました。(少し大げさなところは有りますが…)

<?php
session_start();
if (isset($_POST["logoffbtn"])){
   || session_startisset($_POST["logoffbtn_x"]);
   || session_destroyisset($_POST["logoffbtn_y"]);){
    exit;
}
?>

index.php(?)などフォームのページ

<html>
<head>
<script type="text/javascript">
/**
 * JavaScriptでAjax通信:サーバのファイルと通信セッション変数を全て解除する
 * jQuery使えばもっと簡単だけど…
 **/
function sendSessClear(){
    var xhr$_SESSION = new XMLHttpRequestarray(); 

    //送信先指定 セッションクッキーも削除する。
    if (適宜ini_get(";post;session.phpuse_cookies"を変更してください)) {
    xhr.open('POST', './post.php', false);
  $params = xhr.setRequestHeadersession_get_cookie_params('Content-Type', 'application/x-www-form-urlencoded');
    //送信するデータと共にsend
    xhr.sendsetcookie('logoffbtn=true'session_name();
}
</head>
<body>
<h1>
    <div style="width: 50%;, float:'', right;time() text-align:right; color:#FF042000; font-size:large" >,
        <span id="auto"></span>
        <a href=&$params[&quot;menu.php;path";><img;], src=&$params[&quot;img/btn_tomenu_ontop.png;domain"; alt=""></a>;],
        <input type="image" name="logoffbtn" src="img/btn_logoff_ontop.png" onclick=&$params[&quot;sendSessClear();;secure"; />
    </div>
</h1>
</body>

2つ目:画面ごと遷移する方法。質問に記載されている方法で問題ありませんが"action"が空なので指定しましょう。
あとdestroyする前にstartしないと駄目だったかも?→参考例

<?php
if;], (isset($_POST$params[";logoffbtn;httponly"])){
        session_start();
    }

    // 最終的に、セッションを破壊する
    session_destroy();
        header("location: logon.php");
        exit;
}
$_SESSION['loginState'] = 'dammy';
?><html>
<head>
</head>
<body>
<!-- 遷移先PHPファイル(同じなら当ページのファイル)を指定する -->
<form method="post" action="./nowtest.php">
    <h1>
        <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
            <span id="auto"></span>
            <a href="menu.php"><img src="img/btn_tomenu_ontop.png" alt=""></a>
            <input type="image" name="logoffbtn" src="img/btn_logoff_ontopTopPage2.pnggif" />
        </div>
    </h1>
</form>
</body>

PHPがサーバ側の言語であり、JavaScriptがクライアント側言語であること理解しいる前提で2種類説明します。

1つ目:PHP遷移せず使う場合Ajax通信し、処理用のphpファイル別途用意する必要があります
ただし、下記例は初期化後、ログイン画面(?)には遷移ません。

"post.php"

<?php
if (isset($_POST["logoffbtn"])){
    session_start();
    session_destroy();
    exit;
}
?>

index.php(?)などフォームのページ

<html>
<head>
<script type="text/javascript">
/**
 * JavaScriptでAjax通信:サーバのファイルと通信する
 * jQuery使えばもっと簡単だけど…
 **/
function sendSessClear(){
    var xhr = new XMLHttpRequest();
    //送信先指定(適宜";post.php"を変更してください)
    xhr.open('POST', './post.php', false);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    //送信するデータと共にsend
    xhr.send('logoffbtn=true');
}
</head>
<body>
<h1>
    <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
        <span id="auto"></span>
        <a href=&quot;menu.php";><img src=&quot;img/btn_tomenu_ontop.png"; alt=""></a>
        <input type="image" name="logoffbtn" src="img/btn_logoff_ontop.png" onclick=&quot;sendSessClear();"; />
    </div>
</h1>
</body>

2つ目:画面ごと遷移する方法。質問に記載されている方法で問題ありませんが"action"が空なので指定しましょう。
あとdestroyする前にstartしないと駄目だったかも?→参考例

<?php
if (isset($_POST[";logoffbtn"])){
        session_start();
        session_destroy();
        header("location: logon.php");
        exit;
}
?><html>
<head>
</head>
<body>
<!-- 遷移先PHPファイル(同じなら当ページのファイル)を指定する -->
<form method="post" action="./now.php">
    <h1>
        <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
            <span id="auto"></span>
            <a href="menu.php"><img src="img/btn_tomenu_ontop.png" alt=""></a>
            <input type="image" name="logoffbtn" src="img/btn_logoff_ontop.png" />
        </div>
    </h1>
</form>
</body>

質問追記受け大きく書き直しました。
1.input type='image'ですが、ブラウザにより"value"が送信されたりされなかったりします。
2.回避としてはクリック位置の_xもしくは_y使用する。そもそも、input type='image'なく別にinput type="hidden"など送信する。のどちらかです
3.以前の回答参考例」を記述ましたがご覧になられましたか?例の通りに削除するように確り書き直しました。(少し大げさなところは有りますが…)

<?php
session_start();
if (isset($_POST["logoffbtn"]) || isset($_POST["logoffbtn_x"]) || isset($_POST["logoffbtn_y"])){
    // セッション変数を全て解除する
    $_SESSION = array(); 

    // セッションクッキーも削除する。
    if (ini_get(";session.use_cookies")) {
        $params = session_get_cookie_params();
        setcookie(session_name(), '', time() - 42000,
            $params[&quot;path";], $params[&quot;domain";],
            $params[&quot;secure";], $params[";httponly"]
        );
    }

    // 最終的に、セッションを破壊する
    session_destroy();
    header("location: logon.php");
    exit;
}
$_SESSION['loginState'] = 'dammy';
?><html>
<head>
</head>
<body>
<!-- 遷移先PHPファイル(同じなら当ページのファイル)を指定する -->
<form method="post" action="./test.php">
    <h1>
        <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
            <span id="auto"></span>
            <a href="menu.php"><img src="img/btn_tomenu_ontop.png" alt=""></a>
            <input type="image" name="logoffbtn" src="img/TopPage2.gif" />
        </div>
    </h1>
</form>
</body>
消し忘れと一部修正
ソース リンク
user10259
user10259
<?php
if (isset($_POST["logoffbtn"])){
    session_start();
    session_destroy();
    exit;
}
?>
<?php
if (isset($_POST["logoffbtn"])){
        session_start();
        session_destroy();
        header("location: logon.php");
        exit;
}
?><html>
<head>;
<script type="text/javascript">;
function sendSessCle
</head>
<body>
<!-- 遷移先PHPファイル(同じなら当ページのファイル)を指定する -->
<form method="post" action="./now.php">
    <h1>
        <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
            <span id="auto"></span>
            <a href="menu.php"><img src="img/btn_tomenu_ontop.png" alt=""></a>
            <input type="image" name="logoffbtn" src="img/btn_logoff_ontop.png" />
        </div>
    </h1>
</form>
</body>
<?php
if (isset($_POST["logoffbtn"])){
    session_destroy();
    exit;
}
?>
<?php
if (isset($_POST["logoffbtn"])){
        session_start();
        session_destroy();
        header("location: logon.php");
        exit;
}
?><html>
<head>;
<script type="text/javascript">;
function sendSessCle
</head>
<body>
<!-- 遷移先PHPファイル(同じなら当ページのファイル)を指定する -->
<form method="post" action="./now.php">
    <h1>
        <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
            <span id="auto"></span>
            <a href="menu.php"><img src="img/btn_tomenu_ontop.png" alt=""></a>
            <input type="image" name="logoffbtn" src="img/btn_logoff_ontop.png" />
        </div>
    </h1>
</form>
</body>
<?php
if (isset($_POST["logoffbtn"])){
    session_start();
    session_destroy();
    exit;
}
?>
<?php
if (isset($_POST["logoffbtn"])){
        session_start();
        session_destroy();
        header("location: logon.php");
        exit;
}
?><html>
<head>
</head>
<body>
<!-- 遷移先PHPファイル(同じなら当ページのファイル)を指定する -->
<form method="post" action="./now.php">
    <h1>
        <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
            <span id="auto"></span>
            <a href="menu.php"><img src="img/btn_tomenu_ontop.png" alt=""></a>
            <input type="image" name="logoffbtn" src="img/btn_logoff_ontop.png" />
        </div>
    </h1>
</form>
</body>
本文に 137 文字追加
ソース リンク
user10259
user10259

2つ目:画面ごと遷移する方法。質問に記載されている方法で問題ありませんが"action"が空なので指定しましょう。
あとdestroyする前にstartしないと駄目だったかも?→参考例

<?php
if (isset($_POST["logoffbtn"])){
        session_start();
        session_destroy();
        header("location: logon.php");
        exit;
}
?><html>
<head>
<script type="text/javascript">
function sendSessCle
</head>
<body>
<!-- 遷移先PHPファイル(同じなら当ページのファイル)を指定する -->
<form method="post" action="./now.php">
    <h1>
        <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
            <span id="auto"></span>
            <a href="menu.php"><img src="img/btn_tomenu_ontop.png" alt=""></a>
            <input type="image" name="logoffbtn" src="img/btn_logoff_ontop.png" />
        </div>
    </h1>
</form>
</body>

2つ目:画面ごと遷移する方法。質問に記載されている方法で問題ありませんが"action"が空なので指定しましょう。

<?php
if (isset($_POST["logoffbtn"])){
        session_destroy();
        header("location: logon.php");
        exit;
}
?><html>
<head>
<script type="text/javascript">
function sendSessCle
</head>
<body>
<!-- 遷移先PHPファイル(同じなら当ページのファイル)を指定する -->
<form method="post" action="./now.php">
    <h1>
        <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
            <span id="auto"></span>
            <a href="menu.php"><img src="img/btn_tomenu_ontop.png" alt=""></a>
            <input type="image" name="logoffbtn" src="img/btn_logoff_ontop.png" />
        </div>
    </h1>
</form>
</body>

2つ目:画面ごと遷移する方法。質問に記載されている方法で問題ありませんが"action"が空なので指定しましょう。
あとdestroyする前にstartしないと駄目だったかも?→参考例

<?php
if (isset($_POST["logoffbtn"])){
        session_start();
        session_destroy();
        header("location: logon.php");
        exit;
}
?><html>
<head>
<script type="text/javascript">
function sendSessCle
</head>
<body>
<!-- 遷移先PHPファイル(同じなら当ページのファイル)を指定する -->
<form method="post" action="./now.php">
    <h1>
        <div style="width: 50%; float: right; text-align:right; color:#FF0000; font-size:large" >
            <span id="auto"></span>
            <a href="menu.php"><img src="img/btn_tomenu_ontop.png" alt=""></a>
            <input type="image" name="logoffbtn" src="img/btn_logoff_ontop.png" />
        </div>
    </h1>
</form>
</body>
ソース リンク
user10259
user10259
読み込んでいます