menu


2017年4月26日水曜日

保存・再読み込み機能を付ける②ボタン制御

修正ソースを以下に用意しました!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>新規作者編集</title>
<script>
function setMode(mode){
document.getElementById("mode").value = mode;
}
</script>
</head>
<body>
<?php
if( isset($_POST["mode"])){
if( $_POST["mode"] == "1" ){
print "<div>作者編集(保存)</div>";
}
else if( $_POST["mode"]=="2"){
print "<div>作者編集(再読み込み)</div>";
}
else {
print "<div>作者編集(タイトル追加)</div>";
}
}
else {
print "<div>新規作者編集</div>";
}
print "<br>";
print "<form method=\"POST\" action=\"newautho.php\" name=\"main_form\">";
print "<div>";
print "<div style=\"border: solid 1px #202020;margin: 5px 5px 3px;\">";
print "<div style=\"border: solid 0px #202020;margin: 5px 5px 5px 5px;\">";
print "<input id=\"mode\" type=\"hidden\" name=\"mode\" />";
print "著者名:<input id=\"name\" type=\"text\" name=\"name\" size=\"50\" /><br>";
print "  読み:<input id=\"yomi\" type=\"text\" name=\"yomi\" size=\"50\" /><br>";
print "ファイル名:<br>";
print "<input id=\"path_dir\" type=\"text\" name=\"path_dir\" size=\"50\" /><br>";
print "追記事項:<br>";
print "<textarea id=\"info\" name=\"info\" rows=\"4\" cols=\"50\"></textarea><br>";
print "</div>";
print "<input id=\"renewal\" type=\"submit\" name=\"renewal\" onclick=\"setMode(1);\" value= \"保存\" />";
print "<input id=\"renewal\" type=\"submit\" name=\"renewal\" onclick=\"setMode(2);\" value= \"再読み込み\" />";
print "</div>";
print "</div>";
print "<div style=\"border: solid 1px #202020;margin: 5px 5px 3px;\">";
print "作品リスト<br>";
print "<div style=\"border: solid 1px #202020;margin: 5px 5px 5px 5px;\">";
print "<div style=\"border: solid 0px #202020;margin: 5px 5px 5px 5px;\">";
print "タイトル<input id=\"title\" type=\"text\" name=\"title\" size=\"50\" /><br>";
print "リンク<input id=\"dir_link\" type=\"text\" name=\"dir_link\" size=\"50\" /><input id=\"Search\" type=\"button\" name=\"Search\" value= \"検索\" /><br>";
print "出版社<input id=\"Publishing_company\" type=\"text\" name=\"Publishing_company\" size=\"50\" /><br>";
print "雑誌名<input id=\"Journal_title\" type=\"text\" name=\"Journal_title\" size=\"50\" /><br>";
print "コメント<br>";
print "<textarea id=\"Comment\" name=\"Comment\" rows=\"4\" cols=\"50\"></textarea><br>";
print "</div>";
print "</div>";
print "<input id=\"add\" type=\"submit\" name=\"add\" onclick=\"setMode(3);\" value= \"追加\" />";
print "</div>";

print "</div>";
print "</form>";

?>
</body>
</html>

タイトル表示にプログラムを付けました。
if( isset($_POST["mode"])){引数にmode が、あるか判定します。
  mode があるので、以降を実行します。
if( $_POST["mode"] == "1" ){引数mode は1か?
    mode =1 なので表示を以下にします。
print "<div>作者編集(保存)</div>";
}
else if( $_POST["mode"]=="2"){引数mode は2か?
          mode =2 なので表示を以下にします。
print "<div>作者編集(再読み込み)</div>";
}
else {
          どれでもないので表示を以下にします。
print "<div>作者編集(タイトル追加)</div>";
}
}
else {
mode が設定されて無いので、新規作成と判断して、表示を以下にします。
print "<div>新規作者編集</div>";
}
追加したプログラムは、こんな内容です。
実行して、ボタンを押すとタイトル表示が変わります。
これで、基本のボタン制御が追加されました。
次はタイトル追加処理を付けます。

0 件のコメント:

コメントを投稿