前提・実現したいこと
ロードボタンを押すとテキストファイルの内容を読み取ってテキストフィールドに反映される
セーブボタンを押すとテキストフィールドの内容を読み取ってテキストファイルに保存するページを作っています
しかし改行がセーブされていないようです
phpで書き込む際にbrタグをつけてみたりはしたのですがテキストファイルに<br />と書き込まれ、読み込む際は<br />もテキストフィールドに復元され「そうじゃないんや……」となっています
どうしたら改行を含めテキストファイルにセーブできますか?
該当のソースコード
index.php
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 6 <style type="text/css"> 7 body {background-color:#696969;} 8 </style> 9 10 <title>HTML</title> 11 </head> 12 <body> 13 <textarea name="text" rows="30" cols="100" id="disp" value=""></textarea> 14 <br /> 15 16 <script type="text/javascript"> 17 function save(idname){ 18 // value値を取得する 19 var result = document.getElementById(idname).value; 20 21 // Alertで表示する 22 alert('result'); 23 location.href = "?result="+result; 24 25 <?php 26 file_put_contents("text.txt", $_GET['result']); 27 ?> 28 29 } 30 </script> 31 <input type="button" value="save" onclick="save('disp');"> 32 33 <script type="text/javascript"> 34 function load(file){ 35 var rawFile = new XMLHttpRequest(); 36 rawFile.open("GET", "./text.txt", true); 37 rawFile.onreadystatechange = function () { 38 if(rawFile.readyState === 4) { 39 if(rawFile.status === 200 || rawFile.status == 0) { 40 var allText = rawFile.responseText; 41 var node = document.getElementById("disp"); 42 node.innerHTML = allText; 43 alert("load"); 44 } 45 } 46 } 47 rawFile.send(null); 48 } 49 if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { 50 var node = document.getElementById("disp"); 51 node.innerHTML = xmlHttp.responseText; 52 } 53 </script> 54 <input type="button" value="load" onClick="load()"> 55 56 </body> 57</html>
#環境
ロリポップレンタルサーバー
Chrome
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/18 22:24