שלח תשובה

זירת השאלות

640
צפיות
5
תשובות

הדפסת תמונה מקובץ XML באמצעות JS

,‏ 7 באוקטובר, 2009

שלומות,
אשמח לעזרת מי היכול.
בידי קובץ נתונים מסוג XML. להלן קטע לדוגמה:
<catalog>

<product>
<name>examplename</name>

<imageurl>
http://examplepic.jpg
</imageurl>
</product>

על מנת להציג אותו בטבלה אני עושה שימוש בקוד הבא:

<script type="text/javascript">
if (window.XMLHttpRequest)
  {
  xhttp=new window.XMLHttpRequest();
  }
else // Internet Explorer 5/6
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET","filename.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;

document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("product");
for (i=0;i<x.length;i++)
  {
name = x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
img=new Image();
img.src = x[i].getElementsByTagName("imageurl")[0].childNodes[0].nodeValue;

  document.write("<tr><td>");
  document.write(name);
  document.write("</td></tr>");
    document.write("<tr><td>");
  ?????????????????????????
  document.write("</td></tr>");
  }
document.write("</table>");
</script>

בשורה המסומנת   ????????????????????????? ברצוני להציג את התמונה שהמקור שלה נמצא בקובץ ה XML:
<imageurl>
http://examplepic.jpg
</imageurl>

אינני יודע כיצד לבצע זאת.
אשמח לקבל עזרה.
תודה,
דוד

תגיות:

5 תשובות

  1. פשוט תג IMG
    שב-SRC שלו יש את הערך שב-XML

    * להבא אנא יישר קוד שמאלה


    אלי ענתבי

  2. shifferman הגיב:

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

    לדוגמה:
    בקובץ ה XML מצויין מקור התמונה כך –

    <imagesrc>
    http://image.jpg
    </imagesrc>

    איך אני משלב אותו בתגית IMG. לא ממש הצלחתי. ניסיתי " " או ' '. לא הלך. כל עוד יש src קבוע אין בעיה. הבעיה היא שלכל פריט יש imagesrc שונה. את אני קורא את הערך הזה לתוך משתנה ואת המשתנה הזה אני מנסה לשים בתגית IMG ופה זה מתפקשש לי.

    אשמח לקבל דוגמה לקריאת הנתון לתוך משתנה והשמתו כפרמטר src בתגית הIMG.

    תודה וסליחה על הנושא של יישור הקוד. כשאני מנסה ליישר שמאלה זה מיישר לי גם את הטקסט לאותו כיוון…

    דוד

  3. osnat הגיב:

    תנסה


    document.write ("<img src=" + xml_value + "></img>");

    xml_value זה הערך שקוראים מתוך הקובץ למשתנה

  4. shifferman הגיב:

    תודה אבל זה לא זה
    לא הצליח בצורה הזו.
    לא הצלחתי למצוא שום דוגמה להצגת תמונה כאשר הקישור לתמונה (SRC) לקוח ישירות מתוך מתוך קובץ XML אלא רק דוגמאות של הצגת טקסט.

    אני יכול להניח כי מדובר בטכניקה כלשהי של AJAX אבל אני לא ממש יודע לעבוד עם זה ולכן אעריך סיוע ממי שכן.

    הבעיה שוב, יש לי בקובץ XML את הקישור לתמונה http://photo.jpg ואני רוצה להציג את התמונה באמצעות document.write בדף עצמו. כיצד אני עושה זאת?

    תודה,
    דוד

  5. shifferman הגיב:

    והפתרון…
    והפתרון הוא (לאחר חיפושים רבים):
    document.write("<img src="" + pic + "" />");
    כאשר pic הוא כמובן קובץ המקור של התמונה.
    ושוב תודה לכל אלו שהתחבטו בשאלה עבורי.
    להשתמע.

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!