KANTENNA.COM

Solarized

HOME > WEBプログラム覚書 > 表示内容の切り替え

表示内容の切り替え

なんかまどろっこしい。。。もっとなんとかなるんだろうけど一応目的は達成したのでよしｗ

javascriptのほうが手っ取り早いんですがクライアント環境に依存するのがちょっとｱﾚ。っていってもCSS使ってる時点で依存の罠

PHP実行結果

サンプル

<?
  #スイッチ処理
  $DIS = $_POST['DIS'];

  if($DIS == "" || $DIS == "sr01"){

    $SWICH01 = "sr01ON"
    $SWICH02 = "sr02"

  } else if ($DIS == "sr02"){

    $SWICH01 = "sr01";
    $SWICH02 = "sr02ON";

  }
?>

<form method="post" action="<?= $_SERVER['PHP_SELF']; ?>">
<ul>
<li class="<?= $SWICH01; ?>"><input type="submit" name="DIS" value="sr01" /></li>
<li class="<?= $SWICH02; ?>"><input type="submit" name="DIS" value="sr02" /></li>
</ul>
</form>

<?

#表示内容1
$SCREEN01 =<<< SR01

<div class="sr01ON">
<h4>表示_01</h4>
<p>ここの内容が切り替わります。</p>
</div>

SR01;

#表示内容2
$SCREEN02 =<<< SR02
<div class="sr02ON">
<h4>表示_02</h4>
<p>パカパカします。</p>
</div>

SR02;

 #切り替え処理

 if($DIS == "" || $DIS == "sr01"){

    print $SCREEN01;

  } else if ($DIS == "sr02"){

    print $SCREEN02;


  }
?>