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:
<q>1. Melyik igaz az alábbi három állítás közül?</q>
<e> A motor teljesítménye a fordulatszámmal egyenesen arányos.</e>
<k> A fajlagos tüzelőanyag-fogyasztást g/kWh-ban mérik.</k>
<h> A tüzelőanyag és az üzemanyag ugyanazt a dolgot jelenti.</h>
<n> "../kepek/imeg.png"</n>
<a>b</a>
Van egy html oldal, aminek az ominózus része az alábbi:
<form name="form" id="urlap">
      <h2>
        <p><b>Kérdés :</b>
          <span id="kerdes">...</span>
        </p>
        <p>
          <b>Válasz:</b><br>
          a/ 
          <img src="./kep/kep2.gif" width="50px" height="50px" id="radioa" onclick="kapcsol(this)"><span id="egy">...</span><br>
          b/ 
          <img src="./kep/kep2.gif" width="50px" height="50px" id="radiob" onclick="kapcsol(this)"><span id="ket">...</span><br>
          c/ 
          <img src="./kep/kep2.gif" width="50px" height="50px" id="radioc" onclick="kapcsol(this)"><span id="har">...</span><br>
	  <img src=???> <!-- ide kéne tenni a képet az xml-ből-->
          <input type="text" name="answer" size="3" id="valasz">
        </p>
        <input type="button" value="Elküld" id="submit" onclick="formClear()">
        <input type="button" value="Következő" id="gomb"  onclick="formClear()"><br>
	<input type="button" value="Vége" id="vege"><br>
      </h2>
     </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.