ugrás a tartalomhoz

xml-ből kép Javascriptel

Sandy72 · 2014. Nov. 12. (Sze), 14.04
Sziasztok!

Van egy xml fájlom, aminek részlete így néz ki:
  1. <q>1. Melyik igaz az alábbi három állítás közül?</q>  
  2. <e> A motor teljesítménye a fordulatszámmal egyenesen arányos.</e>  
  3. <k> A fajlagos tüzelőanyag-fogyasztást g/kWh-ban mérik.</k>  
  4. <h> A tüzelőanyag és az üzemanyag ugyanazt a dolgot jelenti.</h>  
  5. <n> "../kepek/imeg.png"</n>  
  6. <a>b</a>  
Van egy html oldal, aminek az ominózus része az alábbi:
  1. <form name="form" id="urlap">  
  2.       <h2>  
  3.         <p><b>Kérdés :</b>  
  4.           <span id="kerdes">...</span>  
  5.         </p>  
  6.         <p>  
  7.           <b>Válasz:</b><br>  
  8.           a/   
  9.           <img src="./kep/kep2.gif" width="50px" height="50px" id="radioa" onclick="kapcsol(this)"><span id="egy">...</span><br>  
  10.           b/   
  11.           <img src="./kep/kep2.gif" width="50px" height="50px" id="radiob" onclick="kapcsol(this)"><span id="ket">...</span><br>  
  12.           c/   
  13.           <img src="./kep/kep2.gif" width="50px" height="50px" id="radioc" onclick="kapcsol(this)"><span id="har">...</span><br>  
  14.       <span style="font-weight:bold"><img src=???> <!-- ide kéne tenni a képet az xml-ből--></span>  
  15.           <input type="text" name="answer" size="3" id="valasz">  
  16.         </p>  
  17.         <input type="button" value="Elküld" id="submit" onclick="formClear()">  
  18.         <input type="button" value="Következő" id="gomb"  onclick="formClear()"><br>  
  19.     <input type="button" value="Vége" id="vege"><br>  
  20.       </h2>  
  21.      </form>  
A program működik, csak a képet nem tudom kiíratni sehogyan sem. Ha valaki megszánna a helyes html kóddal, nagyon hálás lennék.
Előre is köszönöm a segítséget!
 
1

Az XML fájl tartalmát hogyan

Hidvégi Gábor · 2014. Nov. 12. (Sze), 14.43
Az XML fájl tartalmát hogyan töltöd be? Ha XMLHttpRequesttel, akkor a kapott XML dokumentumban DOM műveletek segítségével tudsz eligazodni.
2

ajax

Sandy72 · 2014. Nov. 12. (Sze), 17.32
Igen ajax XMLHttpRequestteltel, de nekem elméletileg csak a html szerkesztéssel van a gondom. http://ad05.uw.hu/kviz/gki.html ezen az oldalon tudod megnézni a kép nélküli működést.
3

A kovi() nevű függvényt

Hidvégi Gábor · 2014. Nov. 12. (Sze), 17.36
A kovi() nevű függvényt ajánlom tanulmányozásra.
4

Látom, ott kimaradt egy sor:

Sandy72 · 2014. Nov. 12. (Sze), 21.51
Látom, ott kimaradt egy sor:
"osszesvalkep=ajaxkeres.responseXML.getElementsByTagName("n");"
A következő hiányosság:
"valkep=osszesvalkep[sorszam].appendChild (img);" sor után hiányzik a
"document.getElementById("kep").firstChild.nodeValue=valkep;"
Remélem ez így jó. Ellenőrizni sajnos nem tudom.
A html-ben nem tudom hogy adom meg a kép elérési útját az "img src" tagban.