サイトに小窓入力機能を付けサイトで表示する
WEBサイト上で、小窓を開いてちょっとしたデータ入力をし、
WEBページに反映させたい場合。方法いろいろあると思うが、
私が気に入っている方法を紹介する。
WordPressなどの管理画面が準備されている場合は、
使用しないと思うが、PHPやHTMLタグを打ち込んでサイトを
構築した場合など、使えるかも・・・。
(手順)
①データ入力フォーム 作成
②入力データをファイルへ書き込む
③設置したいサイトのページでファイルを読み込み、表示する。
【①データ入力フォーム : p1.php】
・・・ ・・・ <form action="p2.php" method="post"> <table border="1"> <tr> <td> データ1</td> <td><input type="text" name="data1" ></td> </tr> <tr> <td> データ2</td> <td><input type="text" name="deta2" ></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="入力"> </td> </tr> </table> </form> ・・
【②入力データをファイルへ書き込む :p2.php】
<?php $data1 = $_POST[data1]; $data2 = $_POST[data2]; writedata($data1, $data2); exit; ?> function writedata($data1, $data2){ $d-file = fopen('フルパスで書き込むファイル名: p3.php', 'w'); $data = "<?php $data1 = '$data1'; $data2 = '$data2'; ?>"; fwrite($d-file, mb_convert_encoding($data, 'EUC-JP','UTF-8')); fclose($d-file); }
【③設置したいサイトのページでファイルを読み込み、表示する。】
(1)
~の中に、下記を設置する。<script type="text/javascript"><!-- function small_win() { window.open('p1.php', 'mywindow1', 'width=500, height=300, menubar=no, toolbar=no, scrollbars=yes'); } // --></script>(2)データ入力ページへジャンプするリックを設置する。
例:<a href="javascript:small_win();">【データ入力】</a>(3)②で入力データを書き込んだファイルを読み込む。
<?php require_once("②で書き込んだファイルのURL:p3.php "); ?>その後、$data1、$data2を表示する処理を定義する。
最後に、入力したデータを表示するページは、入力処理後、【F5】キーでページ
更新を行うと入力したデータが表示される。