צפיות
תשובות
הדפסת תמונה מקובץ XML באמצעות JS
שלומות,
אשמח לעזרת מי היכול.
בידי קובץ נתונים מסוג 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 תשובות
פשוט תג IMG
שב-SRC שלו יש את הערך שב-XML
* להבא אנא יישר קוד שמאלה
אלי ענתבי
יש לי בעיה, אשמח לדוגמה
תודות,
ניסיתי זאת אולם איני מצליח להכניס את פרמטר ה src לתגית כך שייצג את מקור התמונה כפי שנקרא מקובץ ה XML.
לדוגמה:
בקובץ ה XML מצויין מקור התמונה כך –
<imagesrc>
http://image.jpg
</imagesrc>
איך אני משלב אותו בתגית IMG. לא ממש הצלחתי. ניסיתי " " או ' '. לא הלך. כל עוד יש src קבוע אין בעיה. הבעיה היא שלכל פריט יש imagesrc שונה. את אני קורא את הערך הזה לתוך משתנה ואת המשתנה הזה אני מנסה לשים בתגית IMG ופה זה מתפקשש לי.
אשמח לקבל דוגמה לקריאת הנתון לתוך משתנה והשמתו כפרמטר src בתגית הIMG.
תודה וסליחה על הנושא של יישור הקוד. כשאני מנסה ליישר שמאלה זה מיישר לי גם את הטקסט לאותו כיוון…
דוד
תנסה
document.write ("<img src=" + xml_value + "></img>");
xml_value זה הערך שקוראים מתוך הקובץ למשתנה
תודה אבל זה לא זה
לא הצליח בצורה הזו.
לא הצלחתי למצוא שום דוגמה להצגת תמונה כאשר הקישור לתמונה (SRC) לקוח ישירות מתוך מתוך קובץ XML אלא רק דוגמאות של הצגת טקסט.
אני יכול להניח כי מדובר בטכניקה כלשהי של AJAX אבל אני לא ממש יודע לעבוד עם זה ולכן אעריך סיוע ממי שכן.
הבעיה שוב, יש לי בקובץ XML את הקישור לתמונה http://photo.jpg ואני רוצה להציג את התמונה באמצעות document.write בדף עצמו. כיצד אני עושה זאת?
תודה,
דוד
והפתרון…
והפתרון הוא (לאחר חיפושים רבים):
document.write("<img src="" + pic + "" />");
כאשר pic הוא כמובן קובץ המקור של התמונה.
ושוב תודה לכל אלו שהתחבטו בשאלה עבורי.
להשתמע.