まず初期状態
<?php session_start(); ?> <style> h1 { display:inline; } #out { /* display: inline;*/ float:right; } .flex-container { display: flex; } .flex-1{ flex:2; height:400px; background-color:#f5f5f5; } .flex-2{ flex:7; } </style> <?php if(isset($_SESSION["username"])): ?> <h1><?php echo $_SESSION["username"]; ?>さんのメールボックス</h1> <div id="out"><a href="logout.php">ログアウト</a></div> <hr> <div class="flex-container"> <div class="flex-1"> </div> <div class="flex-2"> </div> </div> <?php else: header('Location: login.php'); ?> <?php endif; ?>
sampleというユーザ名でログインした状態です。
メニューを作ります。
gmailやhotmailではメール新規作成などはgetパラメーターを使っているので、ここでは”?compose=new”とします。
<div class="flex-1"> <a href="?compose=new" class="square_btn">新規作成</a> <ul> <li><a href="">Inbox</a></li> <li><a href="">Junk Email</a></li> <li><a href="">Sent Items</a></li> <li><a href="">Deleted Email</a></li> </ul> </div>
getパラメータでcomoseがnewの場合、フォームを表示させたいので、
<div class="flex-2"> <?php if($_GET["compose"] == 'new'): ?> <p>メール新規作成</p> <?php endif; ?> </div>
うまく動いているようです。