Új hozzászólás Aktív témák

• #7945 btz addikt btz #7927

  Új Válasz 2020-06-28 22:36:46 #7945

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  btz

  addikt

  válasz btz #7927 üzenetére

  [HTML beágyazott kód QuerySelector működés]

  Közben felmerült a kérdés, hogy ha a content.html output2 elemébe nem klikk eseménykor, hanem betöltéskor, akarok berakni valamit, akkor azt hogyan tehetem meg. Sajnos csak ilyen csúnya megoldás jutott eszembe:

  setTimeout(function() {
var output2var = document.getElementById("output2");
output2var.innerHTML = "OUTPUT2 IS WORKING";
}, 1000);

  TELJES KÓD

  Azaz setTimeoutal megvárom a teljes betöltést. Elég gány.

• #7932 btz addikt btz #7927

  Új Válasz 2020-06-24 23:53:18 #7932

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  btz

  addikt

  válasz btz #7927 üzenetére

  Közben kaptam egy újabb jó megoldást 🙂

  
  Amúgy szép látni, hogy egy egy probléma megoldására milyen sokféle megoldás létezik 🙂

• #7930 disy68 aktív tag btz #7927

  Új Válasz 2020-06-23 10:23:16 #7930

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  disy68

  aktív tag

  válasz btz #7927 üzenetére

  A te példádban az a legfőbb gond, hogy az ajax hívás aszinkron (XMLHttpRequest) és amikor hivatkoznál a testclick id-jú elemre, az még nincs benne a dom-ban. Az után tudsz csak rá hivatkozni, hogy az ajax kérés lefutott.

  Erre az egyik lehetőség egy callback lehet, ami akkor lesz meghívva, amikor a content már bekerült a dom-ba.

  Hogy legyen más is mint a korábbi minta, a lekérést átírtam fetch api-ra, meg kiszedtem a fölösleget, hogy átláthatóbb legyen: link

• #7928 cattus addikt btz #7927

  Új Válasz 2020-06-22 20:34:59 #7928

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  cattus

  addikt

  válasz btz #7927 üzenetére

  Teljesen még nem tiszta, hogyan is képes látni ez a content.html-ben lévő button ID-t

  Két dolog miatt. Egyrészt, mert az egész document-re raktad rá az event listener-t, tehát az minden egyes, az oldalon történt click eseményre (attől függetlenül, hogy mire kattintottál) le fog futni. (Ezt alapvetően én nem nagyon ajánlanám, jobb az, ha az egyes event listener-eknek csak akkor futnak le, ha szükséges)
  A másik dolog pedig a JavaScript event capure mechanizmusa, amivel a click esemény végigfolyik a DOM elemein.

Új hozzászólás Aktív témák