2011-01-10 11 views
18

プロジェクトで作業すると、Webページの1つに人のリスト(具体的には、まだ配置されていない卒業生クラスの人のリスト)が表示されます。 手作業でテーブルを更新する代わりに、提出された名前のリストを単純な.txtリストに変換し、そのリストをWebページに表示したいと思います。ウェブページ上の.txtファイルにデータを表示する簡単な方法は?

ここまでは、iframe要素を使用するのが簡単な方法です... iframeの内容にテキストスタイルを適用することはできません(または、わからない)。 http://dongarber.com/test//helpus-iframetest.html

デフォルトのフォントはcourierであり、クライアントはあまり気にしないでしょう。 ASP.NETやデータベースを必要としない、より良い方法がありますか?あなたは、テキストファイルのスタイルを設定することはできません

#list p { 
    font: arial; 
    font-size: 14px; 
} 

... 


    <p>Help us locate all of our classmates from the High School class of 1961. If you know&nbsp;where they live&nbsp;or their e-mail addresses contact the Reunion Committee.</p> 
    <p>&nbsp;</p> 
    <div id="list"><p><iframe src="missingmen.txt" width=200 height=400 frameborder=0 ></iframe></p></div> 



    </div> 
+1

追加headセクション内のjsサフィックス

とtxtファイルを保存 ?これはどんなサーバー側言語でも1ライナーになります。 – deceze

+1

[SSI](http://en.wikipedia.org/wiki/Server_Side_Includes)を使用することもできます。 –

答えて

25

簡単な方法:

  • missingmen.htmlmissingmen.txtの名前を変更します。
  • missingmen.htmlの先頭に単一の行を追加します。
    <link href="txtstyle.css" rel="stylesheet" type="text/css" />
  • txtstyle.cssと呼ばれるファイルを作成し、そこにこのような行を追加します。どのようにあなたが提出した名前を変換している
    html, body {font-family:Helvetica, Arial, sans-serif}
+1

はい、それは良い選択です。ありがとうございました。 – DonG

+0

サーバー側の言語が利用できない場合は、このようなものだけを使用します。 @Greg Hewgillが示唆しているように、より洗練されたソリューションとして、[SSI](http://en.wikipedia.org/wiki/Server_Side_Includes)を見てください。 "Apache、lighttpd、およびIISは、この言語をサポートする3つの主要なWebサーバーです" - あなたのWebサーバーはそれらの1つである可能性があります。 – thirtydot

+0

ああああ...このようにするよりはるかに多くの作業があるように思う;-) – DonG

0

、それはあなただけで、画面上にファイルの内容をスローする場合は、PHPを使用して試すことができますHTML

7

でなければなりません。

<?php 
    $myfilename = "mytextfile.txt"; 
    if(file_exists($myfilename)){ 
     echo file_get_contents($myfilename); 
    } 
?> 

+2

'include'を使うと、はるかに効率的です! – deceze

4

を"単純な.txtリスト"に?そのステップでは、単純なHTMLリストやテーブルに変換することはできますか?それで、あなたはあなたが望むどんなスタイリングも含む標準的なヘッダーでそれを包むことができます。

+1

はい、これはthirtydotの示唆に近いと思います。ありがとう、あなたの投票アップも! – DonG

7

私は、他人が働かないと言うことを試してみると、それが私が最も学ぶ方法です。

<p>&nbsp;</p> 
<p>README.txt</p> 
<p>&nbsp;</p> 
<div id="list"> 
    <p><iframe src="README.txt" frameborder="0" height="400" 
     width="95%"></iframe></p> 
</div> 

これは私に役立ちました。スタイルシートで設定した黄色の背景色を使用しました。

私が使用するコードです
#list p { 
    font: arial; 
    font-size: 14px; 
    background-color: yellow ; 
} 
2

<?php 
    $path="C:/foopath/"; 
    $file="foofile.txt"; 

    //read file contents 
    $content=" 
     <h2>$file</h2> 
      <code> 
       <pre>".htmlspecialchars(file_get_contents("$path/$file"))."</pre> 
      </code>"; 

    //display 
    echo $content; 
?> 

ユーザーが($ _GETや$ _POSTを経由して、たとえば)$パスまたは$ファイルを変更することができれば、彼/彼女がなることに注意してくださいすべてのソースファイルを見ることができます(危険!)

0

スクリプトファイルとして追加できます。*あなたが使用することができます*何

<script src="fileName.js"></script>

関連する問題