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

• TheProb veterán

  #5823

  #5822 Sk8erPeter

  2015-12-16 22:53:06

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5822 Sk8erPeter

  #5822 Sk8erPeter

  Azért, mert így nem írsz felül semmilyen másik, szintén onloadra bekövetkező eseménykezelőt, olyat, amit pl. akár egy másik fájlban határoztál meg (Te vagy akár egy library), hiszen így HOZZÁADSZ egy eseménykezelőt, mint az a nevében benne is van (addEventListener), nem pedig felülvágod az onloadot egy egyenlőségjellel, hogy az lesz az eseménykezelő, és kész, semmi más.

  Vegyünk egy nagyon egyszerű példát:
  A HTML-struktúrában ez a két fájl van behúzva:

  ...
  <script src="testjs-1.js"></script>
  <script src="testjs-2.js"></script>
  ...

  testjs-1.js tartalma:

  window.onload = function() {
  alert("asdasd");
  }

  testjs-2.js tartalma:

  window.onload = function() {
  alert("blabla");
  }

  Ha mindkét fájlban meghatározott eseménykezelő fontos lenne, hogy lefusson a load esemény hatására, hát akkor szomorúan fogjuk tapasztalni, hogy bizony ez nem történik meg, csak a "blabla" felirat fog felpattanni, pedig elvártuk volna, hogy előtte az "asdasd" szöveg is vágódjon a pofánkba.

  Most ha átírod így:

  testjs-1.js tartalma:

  window.addEventListener("load", function(event) {
  alert("asdasd");
  }, false);

  testjs-2.js tartalma:

  window.addEventListener("load", function(event) {
  alert("blabla");
  }, false);

  Akkor innentől kezdve először felugrik az "asdasd", majd a "blabla" feliratú ablak. Pont ezt vártuk el, mindkét eseménykezelő lefutott.

  A window.removeEventListener("load", load, false); sor pedig a jsFiddle-re felrakott példában azt jelenti, hogy eltávolítjuk az eseménykezelőt, hiszen ha már egyszer lekezeltük a betöltődés eseményét, akkor teljesen felesleges, hogy rá legyen aggatva egy eseménykezelő, mivel az esemény már bekövetkezett, nem fog többször bekövetkezni.
  Még régebben az MDN oldalán láttam, aztán rászoktam a használatára, elméletileg így kevesebb erőforrást eszik a script. Általában egyébként elvileg elég jelentéktelen lehet az ebből adódó különbség, így egy weboldal esetében igazából nem biztos, hogy érdemes vele foglalkozni, hogy ez a sor szerepeljen egyáltalán a kódban, de egyébként alapvetően nem egészséges, ha feleslegesen sok listenert aggatunk fel ide-oda az alkalmazásunkban, ezért spórolok vele, hiszen minden listener azért kér némi erőforrást - így pl. egy böngésző esetén ha sok-sok bővítmény van telepítve, és mindegyik felaggatja a kis listenerjét, majd ott is marad, akkor az már elméletileg számíthat.

  A többi remélem érthető, kérdezz, ha nem tiszta.

  Így oké, az utolsó paraméternek az a false, minek kell és mi cél szolgál?

• TheProb veterán

  #5821

  #5820 Sk8erPeter

  2015-12-16 18:58:27

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5820 Sk8erPeter

  #5820 Sk8erPeter

  Gondolom a tanár elvárása volt, hogy feltétlenül a list itemekre hivatkozzatok (<li>), de egyébként igencsak kretén példa, mert itt bőven elég lenne a mainList azonosítóval rendelkező <ul> elemre beállítani a színt, és kész, ettől öröklődne a szín a gyerekelemekre is, nem kéne végigszaladgálni for ciklussal semmilyen listitem-tömbön minden alkalommal. A document.getElementById(...)-hívások eredményét is illik letárolni, amikor újból és újból hivatkozol ugyanarra az elemre, pont ugyanazok miatt, amit az előbb írtam.
  Csak gyors átalakítással: https://jsfiddle.net/76218j80/2/
  Szerk.: persze ez így egyébként még csúnya megoldás, mert néhány változó globális scope-ban elérhető, de most ilyen szempontokat elegánsan leszartam.

  Ez amúgy így miért jobb?

  window.addEventListener("load", function load(event) {
  window.removeEventListener("load", load, false); //remove listener, no longer needed
  initialize();
  }, false);

  Nem is láttam még ilyen formában a window.onload-ot

• TheProb veterán

  #5819

  #5818 Sk8erPeter

  2015-12-16 18:05:34

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5818 Sk8erPeter

  #5818 Sk8erPeter

  - Ahogy dqdb írta, itt pl. a színt előre el lehetne tárolni egy változóban, és azt a változót felhasználni minden alkalommal, mivel itt a cikluson belül nem változtatod, ergo értelmetlen mindig újból és újból összefűzögetni a stringet (mikrooptimalizáció, de az ilyen overheadek szépen egymásra tudnak rakódni, meg amúgy is igénytelenség nem figyelni a mikrooptimalizációra, ugyanígy nem hívogatunk egy metódust többször egymás után, hanem annak a visszatérési értékét is eltároljuk - már amennyiben persze nem változik a visszaadott érték menetközben).
  - Stílust nem szép állítgatni JavaScript-oldalról, erről itt volt szó nemrég: [link] (1. bekezdés vonatkozik ide is). Persze kérdés, mi a cél. Ezt itt nem árultad el nekünk, hogy mit szeretnél csinálni, úgyhogy nehéz eldönteni, hogy ez a megoldás így elfogadható-e - pl. lehet olyan, hogy valami üzleti logika van mögötte, és a számított értéket kénytelen az ember JavaScriptben beállítani.
  - Mi a cél azzal, hogy az oldalon az ÖSSZES list itemet beszínezed? Amúgy hallgass CSorBA kollégára, a szülőelemnek (<ul> vagy <ol>) add meg a színt egyszer, és kész - persze kivétel az, ha egy-egy elem színét felül szeretnéd bírálni, vagy explicite van bedrótozva a CSS-fájlba a list itemek színe.

  Na, szóval röviden írd le, mi a célod, és csak akkor tudjuk eldönteni, mi lenne rá a jó megoldás.

  Egy vasutas vizsgapélda volt 2 éve az egyik tárgyból. Jelen esetben annyit kellett csinálni, hogy a 3 színnek vannak csúszkák 0-255 közötti értékekkel és aszerint kilegózott színre kellett beállítani az összes listaelem színét.

  De, hogy konkrét legyek [link]

• TheProb veterán

  #5814 2015-12-16 16:27:44

  Új Válasz

  Ú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

  

  TheProb

  veterán

  Pure JS-el mennyire nevezhető ez a megoldás kulturáltnak, ha az összes li elem színét akarom változtatni?

  var listElements = document.querySelectorAll("li");
  for(var i = 0; i < listElements.length; i++){
  listElements[i].style.color = "rgb(" + currRed +
  ", " + currGreen + ", " +currBlue + ")";
  }

  Van ennél ortodoxabb, szebb megoldás?

• TheProb veterán

  #5808

  #5807 CSorBA

  2015-12-15 22:24:57

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5807 CSorBA

  #5807 CSorBA

  Hát gondolkozz kicsit. Az i és j változót tartalmazó ciklus első futásakor 1+1 szerinted mennyi lesz?

  valóban, de az tényleg fura, hogy ha console-ba beírtam akkor meg kiírta az eredményt.
  No mindegy, köszi.

• TheProb veterán

  #5806

  #5805 CSorBA

  2015-12-15 20:49:12

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5805 CSorBA

  #5805 CSorBA

  Ha debugban megnézted, akkor a konzolt is látnod kellene
  TypeError: document.getElementById(...) is null

  Méghozzá itt: aktCella = document.getElementById(i+j).value;

  Egész egyszerűen nincs olyan id-jű elem a kódodban amit le akarsz kérdezni, ezért nincs neki value-je és ezért itt elhasal az egész. Ellenőrizni kellene az elem meglétét, mielőtt value-t kérdezel.

  De hát látod, hogy van. Sőt, ha közvetlen beírod az általad kiemelt sort akkor szépen ki tudom íratni console-ra az értékét.

• TheProb veterán

  #5804 2015-12-15 20:03:41

  Új Válasz

  Ú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

  

  TheProb

  veterán

  Sziasztok!

  Mi a probléma a következő kódban? [link]
  Lényeg, hogy be lehet írni az egyes cellákba bármit, majd a gombra kattintva meg kell adni egy stringet amit szeretnénk megkeresni a cellákban, egzakt. De vmiért az istenért nem lép bele az egymásba ágyazott for-ban lévő if-be...

  Debugban megnéztem és az értékeket helyesek és ha összehasonlítom őket akkor jól is adja vissza a logikai értéket.

• TheProb veterán

  #5676

  #5670 DarkByte

  2015-11-30 15:14:45

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5670 DarkByte

  #5670 DarkByte

  Mivel HTML kódhoz csak ritkán nyúlok így lehet nem írom pontosan, de

  1) az img tagnél a magasságot tudtommal csak pixelben lehet megadni, nem százalékban. A magasság csúszka ezért nem csinál semmit
  2) szerintem ha csak egyik tengely mentén van megadva a méret akkor az img alapesetben aránytartóan jeleníti meg a képet
  3) mert a label p-k id-it összecserélted
  4) ezt nem értem, nálam már 1 tizedes jegyig írja ki hogy mit választasz. Gondolom közben módosítottad a kódot

  Itt a feladatleírás, lehet én értelmezek rosszul, de nekem ebből az jön le, hogy százalékosan kell megvalósítani azt amit akar.

  Label ID-t tényleg megcseréltem, fáradt voltám már, valszeg azért nem szúrtam ki a dolgot.

  (#5669) martonx: Erre most milyen választ vársz? Attól, hogy JS-hez még hülye vagyok attól még statikus oldalakat képes lehetek csinálni nem? Főleg, hogy kb mindennek le van írva, hogy mit hogyan. Plussz azért tanulom, hogy a későbbiekben tudjam. De amúgy érdekes, mert választ nem nagyon adtál a kérdésre.

  u.i.: Módosítottam a kódot, így már nem közvetlen %-ban adom meg a méretet, hanem az eredeti méretet szorozgatom meg a tekergető által generált értékekkel, így jónak tűnik.

• TheProb veterán

  #5667 2015-11-30 00:05:29

  Új Válasz

  Ú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

  

  TheProb

  veterán

  Sziasztok!

  Az alábbi kis kódban vannak gondjaim, megtudnátok mondani, hogy mi okozza?

  1. Miért csak a vízszintes méretezés csúszkája működik?
  2. Miért változik a függőleges méret is ha csak a szélességet változtatom?
  3. A vízszintes csúszka mozgatásával miért a függőleges szövege változik?
  4. Hogyan tudok 1 tizedes pontossággal kiíratni értéket a <p> tag-be? (.toFixed-el nem csinál semmit)

• TheProb veterán

  #5647

  #5646 martonx

  2015-11-22 12:46:13

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5646 martonx

  #5646 martonx

  Igen ez volt az egyik hiba, de annyira látványos volt, hogy gondoltam elsők között fogja észrevenni

  10/8 alkalommal pont ezeket nem szúrom ki...
  van, hogy 30percig bámulom a kódot, már anyázok és nem jövök rá, hogy 1-1 karaktert elírtam. Szomorú

• TheProb veterán

  #5645

  #5644 inf3rno

  2015-11-22 01:09:06

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5644 inf3rno

  #5644 inf3rno

  ip-t írtál id helyett, azért nem működik.

  Bakker..., tényleg, köszi. Sztem az életbe nem jöttem volna rá, hogy azt írtam el...

  Meg is csináltam, elvileg jól működik. Legalábbis nekem úgy tűnik 1-2 teszt után.

• TheProb veterán

  #5643

  #5640 martonx

  2015-11-21 23:12:00

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5640 martonx

  #5640 martonx

  Azért nem moccant meg a js-ed, mert ha onload-ot használsz a js kódod wrapperének, akkor az inline js eventnél nincs scope-on belül. Szóval megoldás lehetett volna, simán body-ba rakni a js-t, vagy header-be. Amúgy sem illik inline eventeket használni, úgyhogy átalakítottam, normális event bindingra, és meghagytam az onload-ot. Így legalább már megmoccan a js
  Ránézésre egy rakás hibát látok benne, de így már el tudsz indulni. Ettől kezdve a feladatnak nulla köze a js-hez, szimpla programozás feladat bármilyen nyelven. Figyelj oda a kismillió hibádra, de direkt nem akarom a poénokat lelőni, vannak nagyon triviálisak is közöttük.

  Ja és a friss link: [link]

  Kicsit hegesztettem rajta, ellenben továbbra se húzza be az adatokat a mezőkből. Kezdi már felhúzni az agyamat ez a sz@r... Amúgy jó tudni, hogy olyan formában nem is lehetett volna csinálni 2d-s tömböt ahogy akartam...
  Ha nincs .value a getElement után akkor "undefined", ha ott van akkor meg rinyál a chrome console-ja érte.
  Valaki már igazán megmondhatná, hogy a francba kell megcsinálni ezt a szutyok feladatot, mert ezekkel nemigen vagyok előrébb, amiket leírsz. Annak aki már ismeri a nyelvet annak biztos segítenek valamit a rávezetéseid, de olyannak aki kb a 0-ról indul neki annak nemsokat...

  kb. 2.napja csak azzal szívok, hogy a nyűves adatokat kiszedjem a megadott input mezőkből, azért ez vicc.

• TheProb veterán

  #5639

  #5638 martonx

  2015-11-21 12:56:21

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5638 martonx

  #5638 martonx

  Próbáltam Firefox-al, és Edge-el is, de sehogy nem jött be a példa.

  Úgy néz ha collaboration-t indítok akkor az a session végén "megsemmisül"
  Itt van normálisan. Ahogy látom teljes kapufa amivel próbálkozok amúgy, mert még az alert se jön fel, amit próbaként írtam, ha rányomok a gombra.

  Nem tudtok olyan kódoló tutorialt, ahol html-el kombinálva kell JS-t használni? Olyanra gondolok, mint ami codeschool-on is van, de ugye az csak pure JS, csak az alapokkal. Mert nagyon úgy érzem, közöm nincs ahhoz, hogy a html elemeket manipuláljam, "lekérdezzem".

• TheProb veterán

  #5637

  #5636 PumpkinSeed

  2015-11-21 00:29:00

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5636 PumpkinSeed

  #5636 PumpkinSeed

  Igazából teljesen mindegy mivel olvasod ki, megfelelő matematikai műveletek használatával az 1 dimenziós tömböt is fel tudod ugyan úgy dolgozni mint a 2 dimenziósat.

  Amúgy ez így szerintem undorító, már megbocsáss (nem szoktam így fogalmazni). Sokkal szebb lenne, ha az inputokat is JS-el generálnád. appendChild vagy valami hasonló függvény az ami neked kell ehhez.

  Ez az új JSFIDDLE nagyon jó lett, lazán lehet oktatásra is használni.

  Most tanulnám JS-t, kb a 0-ról, szóval egyelőre ilyenek még had ne legyenek triviálisak
  Egyelőre a feladatban leírtakat szeretném, hogy megtudnám csinálni, utána majd szépítek.

• TheProb veterán

  #5635

  #5634 martonx

  2015-11-21 00:03:55

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5634 martonx

  #5634 martonx

  getElementsByTagName("input") nem lenne célszerűbb? Vagy csak én nem értem, hogy mi a probléma?
  Egy jsfiddle-lel légyszi kínálj már meg bennünket, ha már azt szeretnéd, hogy segítsünk.

  [link]

  TagName-el csak 1D-s array-be lehet bedobni a cuccokat, nem?

• TheProb veterán

  #5633

  #5631 martonx

  2015-11-20 23:20:22

  Új Válasz

  Ú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

  

  TheProb

  veterán

  #5631 martonx

  #5631 martonx

  Kezdetnek csinálsz egy táblázatot, minden cellájában egy input-tal. Tovább hagy ne folytassam. Pláne, hogy nem látom a jsfiddle példádat, hogy egyáltalán próbálkozol a dologgal.

  Nem bizonygatni akarom, hogy mennyire foglalkozok vele, ötletet kértem, hogy hogyan nyerem ki az input mezőkből az adatokat... Amit most leírtál az már pont megvan, ezért kérdeztem a JS részét a dolognak...

  (#5632) PumpkinSeed: Köszi, ez már használható infó. Guglizással csak arra jutottunk, hogy magának a táblának adok pl ID-t és azt egy az egyben getElementsByTagName("TD")-el dobom be egy array-be, de az nem volt jó.

• TheProb veterán

  #5630 2015-11-20 22:34:27

  Új Válasz

  Ú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

  

  TheProb

  veterán

  Sziasztok!

  Suliban épp JS-t tanulok, de az oktatás színvonala kb -1..., ellenben a következő minta vizsgával nem nagyon tudok elindulni. Tudnátok segíteni?

  Itt a feladatleírás:

  Készítsen olyan HTML5 weboldalt, amin elhelyez egy 7x7 méretű táblázatot, melynek minden eleme egy-egy egész szám megadására alkalmas beviteli mező! A számoknak az [1; 7] zárt intervallumba kell esniük. A táblázat legyen egy űrlap része! Az űrlapon helyezzen el egy küldés (submit) gombot is, „Ellenőriz” felirattal!
  Készítsen JavaScript nyelven olyan eseménykezelő szubrutint, ami a gombra kattintást (pontosabban űrlap „elküldést”) követően ellenőrzi, hogy minden mezőt kitöltöttek-e! Ha nem, ezt felbukkanó ablakban közli. Ha igen, akkor ellenőrzi, hogy a táblázatba bevitt értékek latin négyzetet alkotnak-e. Akkor beszélünk latin négyzetről, ha a táblázat minden sorában és minden oszlopában a 7 lehetséges érték pontosan egyszer fordul elő.

  Igazából a legeleje a homály, hogy hogyan szedem ki a táblázatból az egyes értékeket, hogyan rakom bele 2d-s array-be? Aztán lehet a továbbiaknál is vakarnám a fejemet, de jelenleg az elindulást nemtom.

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