小さな門

サイトに小窓入力機能を付けサイトで表示する

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】キーでページ
更新を行うと入力したデータが表示される。

モバイルバージョンを終了