2011-01-10 35 views
18

Làm việc trên một dự án, một trong các trang web sẽ hiển thị danh sách những người (cụ thể là danh sách những người từ một lớp tốt nghiệp chưa được đặt). Thay vì cập nhật thủ công các danh sách này trong các bảng mà là một cách làm việc với Web 1.0, tôi muốn lấy danh sách được gửi tên, chuyển đổi chúng thành danh sách .txt đơn giản, sau đó hiển thị danh sách đó trên trang web.cách đơn giản để hiển thị dữ liệu trong tệp .txt trên trang web?

Cho đến nay, cách easist để thực hiện việc này là sử dụng phần tử khung nội tuyến ... điều duy nhất là tôi không thể (hoặc không biết cách) áp dụng bất kỳ kiểu chữ nào cho nội dung của khung nội tuyến. Tôi đã xuất bản mẫu về những gì tôi có thể thực hiện ở đây: http://dongarber.com/test//helpus-iframetest.html

Phông chữ mặc định là chuyển phát nhanh và khách hàng có thể sẽ không quan tâm đến nó. Có cách nào tốt hơn để làm điều này, điều đó không yêu cầu ASP.NET hay cơ sở dữ liệu?

#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

gì * có thể * bạn sử dụng không? Đây sẽ là một lớp lót trong bất kỳ ngôn ngữ phía máy chủ nào. – deceze

+1

Hoặc thậm chí sử dụng [SSI] (http://en.wikipedia.org/wiki/Server_Side_Includes). –

Trả lời

25

Cách dễ dàng:

  • Đổi tên missingmen.txt để missingmen.html.
  • Thêm một dòng duy nhất để đầu missingmen.html:
    <link href="txtstyle.css" rel="stylesheet" type="text/css" />
  • Tạo một tập tin gọi txtstyle.css, và thêm vào đó một dòng như thế này:
    html, body {font-family:Helvetica, Arial, sans-serif}
+1

Vâng, đó là một lựa chọn tốt. Cảm ơn và bầu chọn cho bạn. – DonG

+0

Tôi sẽ chỉ sử dụng bất kỳ thứ gì như thế này nếu ngôn ngữ phía máy chủ không khả dụng. Như @Greg Hewgill đã đề xuất, bạn nên xem [SSI] (http://en.wikipedia.org/wiki/Server_Side_Includes) để có giải pháp rõ ràng hơn: "Apache, lighttpd và IIS là ba máy chủ web chính hỗ trợ ngôn ngữ này "- có thể máy chủ web của bạn là một trong số đó. – thirtydot

+0

Oh thân yêu ... nghe có vẻ như rất nhiều công việc hơn làm theo cách này ;-) – DonG

0

Bạn không thể tạo kiểu một file văn bản, nó phải là HTML

7

Nếu bạn chỉ muốn ném các nội dung của tập tin lên màn hình bạn có thể thử sử dụng PHP.

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

+2

Sử dụng 'include', hiệu quả hơn nhiều! – deceze

4

How are you chuyển đổi tên gửi để "danh sách .txt đơn giản"? Trong bước đó, bạn có thể chuyển đổi chúng thành một danh sách hoặc bảng HTML đơn giản không? Sau đó, bạn có thể bọc trong tiêu đề chuẩn bao gồm bất kỳ kiểu dáng nào bạn muốn.

+1

Vâng, tôi nghĩ điều này gần với những gì mà người ta đề xuất. Cảm ơn và bầu chọn cho bạn! – DonG

7

Tôi thấy rằng nếu tôi thử những thứ mà người khác nói không hoạt động, đó là cách tôi học nhiều nhất.

<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> 

Điều này phù hợp với tôi. Tôi đã sử dụng màu nền màu vàng mà tôi đã đặt trong biểu định kiểu.

#list p { 
    font: arial; 
    font-size: 14px; 
    background-color: yellow ; 
} 
2

Đó là đoạn code tôi sử dụng:

<?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; 
?> 

Hãy ghi nhớ rằng nếu người dùng có thể sửa đổi $ path hoặc nộp $ (ví dụ qua $ _GET hoặc $ _POST), anh/cô ấy sẽ có thể xem tất cả các tệp nguồn của bạn (nguy hiểm!)

0

Bạn có thể thêm tệp đó dưới dạng tệp tập lệnh. lưu file txt với hậu tố js

trong phần head thêm

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

Các vấn đề liên quan