הצגת תוכנו של קובץ טקסט בתוך דף HTML

lior73 ‏ • 21 ביולי, 2005

הערה: הדוגמא במאמר הבא תעבוד רק על דפדפנים מסוג IE

ישנם מקרים בהם אנחנו רוצים להציג את תוכנו של קובץ טקסט, אבל אין באפשרותינו לעשות שימוש בטכנולוגיית צד שרת כלשהי.
למרות שרבים לא יודעים זאת – הדבר אפשרי.

איך עושים את זה?

דבר ראשון – ניתור את קובץ הטקסט שלנו, שיההוה מעין מסד נתונים קטן, ונשמור אותו בסיומת txt. בדוגמא זו נציג חדשות, לכן נקרא לקובץ news.txt. השורה הראשונה תכיל את שמות השדות שלנו – titlenews ו- text

titlenews|text
First one|After their second night of camping…
Second One|At a news conference in Gaza City…

ועשיו נוכל לשלוף את תוכן הקובץ לתוך דף HTML, בעזרת התגית <object>

1
2
3
4
5

הסברים על הפרמטרים:
כזכור, השורה הראשונה שקובץ הטקסט מפרטת את שמות החלקים של החדשות שלנו:

titlenews|text

fielddelim – מציין מהו התו המפריד בין השדות, במקרה שלנו התו "|"
dataURL – מכיל את שם הקובץ ממנו אנחנו קוראים
useheader – מורה לאובייקט להשתמש בשמות השדות שציינו

עכשיו הגיע הזמן לקוד שמציג את הנתונים עצמם:

1
2
3
4
5
6
7
8
9
10
11

datasrc – מכיל את שם האובייקט שיצרנו
datafld – מציין איזה מהשדות להציג

הקוד במלואו

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>HTML-TXT</title>
</head>
<body>
    <object id="news" classid="clsid:333c7bc4-460f-11d0-bc04-0080c7055a83">
    <param name="textqualifier" value="!">
    <param name="fielddelim" value="|">
    <param name="dataURL" value="news.txt">
    <param name="useheader" value="true">
    </object>

    <table datasrc="#news" width="100%">
    <tr>
        <td>
            <p>
            <h2><div datafld="titlenews">    </div></h2>
            <div datafld="text"></div>
            </p>
            <p>    &nbsp;</p>
        </td>
    </tr>
    </table>
</body>
</html>

להרצת הדוגמא לחץ כאן

תכנות נעים!

תגיות: DATABINDING, HTML, object

הצגת תוכנו של קובץ טקסט בתוך דף HTML

איך עושים את זה?

הקוד במלואו

עוד בנושא זה

תגובות בפייסבוק

תגיות