動態新聞文章頁面

Question

我目前正在爲公司SMI更新一個網站。他們的網站有一個新聞頁面http://www.smitmc.com/news，我希望將其納入他們的新網站。

我試圖通過加載文件夾中的文本文件並將它們顯示在一個div中通過PHP來做到這一點。

這是我的PHP

​​

這是我的javascript

<script type="text/javascript">  
     window.onload = function() 
     { 
      var arr = new Array("<?php echo implode('","',$time)?>"); 
      var arrText = new Array("<?php echo implode('","',$text)?>"); 
      var arrTitle = new Array("<?php echo implode('","',$title)?>"); 
      for (var i = 0; i < arrText.length; i ++) 
      { 
       var div = document.createElement ("div"); 
       var titleText = document.createElement("h1"); 
       var dateStamp = document.createElement("p"); 
       var articleText = document.createElement("p"); 

       div.style.border = "1px solid #c2c2c2"; 
       div.style.background = "#f2f2f2"; 
       div.style.borderRadius = "3px"; 
       div.style.margin = "20px"; 
       div.style.padding = "10px"; 
       div.style.fontFamily = "Amble"; 
       div.style.color = "#555"; 
       div.style.fontSize = "12px"; 
       div.id = arrTitle[i]; 

       dateStamp.style.position = "relative"; 
       dateStamp.style.left = "-10px"; 
       dateStamp.style.top = "-10px"; 
       dateStamp.style.fontSize = "16px"; 
       dateStamp.style.color = "#be1111"; 

       articleText.style.position = "relative"; 
       articleText.style.left = "-10px"; 
       articleText.style.top = "-10px"; 
       articleText.style.fontSize = "14px"; 

       titleText.innerHTML = arrTitle[i] ; 
       dateStamp.innerHTML = arr[i]; 
       articleText.innerHTML = arrText[i]; 

       document.getElementById("newsBlock").appendChild (div); 
       document.getElementById(arrTitle[i]).appendChild(titleText); 
       document.getElementById(arrTitle[i]).appendChild(dateStamp); 
       document.getElementById(arrTitle[i]).appendChild(articleText); 
      } 
     } 
    </script> 

當我嘗試讀多行文本文件，就會出現問題。如果文本文件是一行文本，我沒有問題。當然這是不可接受的。

我想知道如何解析多行文本文件並加載它並使用此代碼顯示它。我對CMS不感興趣，所以請不要將此作爲選項提出。

感謝

Answer 1

我想你最好的解決方案，如果你不介意使用HTML5是使用的FileReader。

http://www.htmlgoodies.com/beyond/javascript/read-text-files-using-the-javascript-filereader.html#fbid=wUtRDwEASPK

你在這裏就如何使用它所有需要的指令。我目前使用它來進行我的文件上傳。