- Szaporodik és sokasodik a One UI 8.5
- Apple iPhone 17e – mágnesek ereje
- Huawei Watch Fit 5 Pro - jó forma
- iPhone topik
- Samsung Galaxy A36 5G - a középső testvér
- Xiaomi 15T Pro - a téma nincs lezárva
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Poco F8 Ultra – forrónaci
- Android Auto és Carplay utólag? A Carpodgo Mini kicsi és olcsóbb, mint a nagyok
- Feltalálta a Google a keresőmotort
-
Mobilarena
Mobilarena
Új hozzászólás Aktív témák
-
ha jól értem a results egy tömb és te annak az elemeit szeretnéd átalakítani, szóval végig kell rajta iterálnod előbb
pl.
[{FieldValuesAsText: {Title: 'title', Program: 'program', OtherField: 'not needed'}}]ha szeretnél maradni a jelenlegi formánál, akkor valami ilyesmi kéne legyen:
const res = results.map(x => Object.fromEntries(
Object.entries(x.FieldValuesAsText).filter(([key, value]) => key === "Title" || key === "Program"));vagy egyszerűbben:
const res = results.map(x => {title: x.FieldValuesAsText.Title, program: x.FieldValuesAsText.Program})Igen erre volt szükségem. Köszi.
-
A var, let, const változók deklarálásához használhatók. A scope pedig ezek elérhetőségét takarja a kódon belül.
Itt olvashatsz róluk bővebben: https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/
az egész url csekkolós dologhoz meg annyit, hogy böngészőből csak többé-kevésbé fogsz normális válaszokat kapni CORS miatt, a legtöbb szerver nem fogja kiszolgálni a kérést, ha az más domainről jön
erről bővebben itt: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
Először is nagyon szépen köszönöm a választ.
A változókat tudom.
Azt nem tudom miért rakta a functionokat stb egy fix változóba.
Az micsoda? Mire jó? Hogy használom azt a változót?Amikor "a" tag ba berakod az url-t és nem működik, bongészőbe illesztve meg megnyitja, azzal van bajom. Azért kell ellenőrizni.
Ugyanarról az oldalról 99% link működik 1% nem.
Biztos hogy én hibázom, csak rá kellene jönnöm hol.Nekem ez csak hobbi. Tanulgatás miatt csinálok honlapokat, amiknek semmi értelme. De így találkozók dolgokkal ami megoldàsa tanulást eredményez... remélem
Van egy listám arról amit nem értek, és talán így, ha használom.
Ezért készítek bugyuta honlapokat
-
a böngésző javascript api-ján keresztül a korábban linkelt (#10007Rat.Sand) api (Web Serial API), ami esetleg használható, ez egy experimental feature chromium alapú böngészőkhöz
itt egy minta hozzá: https://github.com/svendahlstrand/web-serial-api/tree/master
-
hiperFizikus
senior tag
a kérdés arra vonatkozott, hogy mi értelme egy custom függvénynek - pláne a beépített típusokhoz hozzáadva prototype-on keresztül, ami izomnagy antipattern (ahogy Salamander is említi) -, aminek nulla hozzáadott értéke van bárki számára
A kezdetekben ráragadtam az alert() használatára, és még 1x se próbáltam a console.log -ot .
Én nem avval foglalkozok, hogy a kódom maximális legyen, hanem avval, hogy hamar meglegyen és működjön, és minél hamarább a hátam mögött tudjam az egészet .
-
hiperFizikus
senior tag
tragédia ez a komment egy szakmai topikban komolyan
de legyen, feltételezzük, hogy csak tréfálkozol, akkor itt van egy kis ötletcsomag a "programnyelvedhez": https://www.youtube.com/watch?v=vcFBwt1nu2U
Elolvastam a linked első 2 percét és remek a linked, igazi különlegesség .
Sajnálom, hogy "tragédia ..." , de JS-en szeretném leprogramozni, és veled mint szakival nem fogok ellenkezni .
A linked kb. 1 órás, akkor most bele fogok merülni a linked tanulmányozásába, addig béként hagylak titeket, de be-be nézek azért az oldalatokra, hogy ki mit írt bele .
-
Nekem is hasonló megoldás jutott eszembe, mint sztanozsnak. Alapból elrejted a generált tartalmat, a betöltendő js-ben jön a függvény, ami betölti az új content-et, amit ellenőrzöl, hogy létezik-e, ha nem akkor megjeleníted a generált tartalmat, ha igen, akkor meghívod a betöltött js-ből az új content letöltést, ami a végén meg is jeleníti a betöltött tartalamat.
Ha a generált html-ben a képeket se akarod betölteni, amíg nem muszáj, akkor generáld úgy őket, hogy az src-t berakod data attribútumba amit akkor állítasz be, amikor nem töltött be js fájl.
Köszönöm (sztanozs, neked is), a példakódot is (jó a fejcsere
) .
Viszont a tartalom elrejtését már az elején kizártam, mert a Google nem mindig egyértelműen áll hozzá (rendben van, látja, indexeli - vagy épp SEO-manipulálásnak tartja, és ejnyebejnye). És az egész átalakításom lényege pont az, hogy a G felé rendben legyen az oldal.Talán megpróbálom úgy, hogy üres lesz a div, és ha a (tartalomgeneráláshoz) szükséges JS-ek közül nem töltődött be bármelyik is, akkor behúzza oda az előre generált tartalmi részt. Máskülönben pedig üresen hagyja, és engedi, hogy a JS végezze a dolgát.
Nagy vonalakban:
https://jsfiddle.net/1dgyfs2v/
(disy68, a példakódodban van pár rész, amit így is fel tudok használni, köszönöm.)Bár jobban szeretném, ha nem csak utólag, szkripttel rakna bele tartalmat - hisz' az egész kálváriám abból indult eleve. Na de ezt már kisakkozom valahogy, most már elég lehetőségem van. Köszönöm a segítséget.
-
Miért van szükség, hogy mindegyiknek legyen id-ja?
A kérdésed alapján az a gyanúm, hogy valami loop-ban keresel getElementById-val ahelyett, hogy pl. kapna minden elem egy azonos class-t és lekérnéd az összeset egyszerre egyquerySelectorAll('.közösclass')-al és fel sem merülne ez az egész. -
edit: állítsd át a dns kiszolgálód címét pl. 1.1.1.1-re vagy 8.8.8.8-ra esetleg (gépen/routeren) ha így jobb, akkor net szolgáltatód dns feloldása lassú (lassúságot nem, de olyat tapasztaltam szolgáltatói dns szervernél, hogy nem tudott feloldani valamit)
Nézd meg dev-tools (F12) network fülön, hogy pontosan meddig tartanak az egyes kérések vagy logold ki az összesnél, mikor indul és mikor jön válasz. Szerintem nem az "első" hívás tart sokáig, hanem az összes. Ellövöd a kéréseket egymás után és azok visszatérnek lassan, amiből azt látod, hogy az első lassú volt és ahhoz képest a többi meg gyors, mert async mennek a kérések. Persze így nulla kód mellett csak találgatni lehet.
Köszönöm a tanácsot.
Átállítottam 1.1.1.1-re, és egy bő 10 percig próbáltam előhozni a lassulást, de nem sikerült.
Viszont azt nem értem, hogy miért kellett az újabb DNS lookup?
Mármint böngészek az oldalon egy ideje, így a DNS lookup a szerveremre nyilván már az eleje óta megvolt, másképp be se töltött volna.
Aztán böngészek-böngészek, és egyszer csak belassul (előző screenshot), és írja, hogy megint volt egy lookup.
Nagyon felületesek az ismereteim a témában, de nem úgy van, hogy X időre cacheli, hogy ez a domain ez az ip cím? És amíg él a cache, addig nem kérdezi újra.
Most vagy ilyen rövidre van állítva a cache (kinél? szolgáltatónál?), vagy valami máshol mással van a baj?(Kérlek, javíts ki bármiben, amit rosszul tudok. Persze csak amennyire időd engedi.
)Köszi.
@martonx: De az akkor nem DNS Lookup-ként jelentkezne, hanem a kliens és szerver közötti kommunikácóban, a php által visszaadot értékekben. Erre látom is a számokat (F12 - Network alatt) a megfelelő axios-os hívásnál, de mind jó érték. (Persze ettől még belassulhat a szerver, de ez amit elkaptam és ennyiszer sikerült megismételni pont nem ez volt - legalábbis így látom, de simán tévedhetek, nagyon új ez még nekem.)
-
A linkelt fiddleben a formra nyomsz click-et és nem a dropdown-ra, de ez a megoldás nem is fog működni és más korábban működő lehetőség sem az alap html select kinyitására (a régebben még működő technikák már nem támogatottak a böngészők által).
Vannak workaround lehetőségek, amik közül a legegyszerűbb és szebb megoldás használni egy custom dropdown-t, de lehet megoldás a dropdown size változtatás is pl (a linken az egyik hozzászólásban van minta erre).
Nekem összejött egy megoldás a "size" változtatással: [link]
Ez a megoldás akkor jó, ha a "select" darabszáma nem túl sok (vagyis elfér a képernyőn), mert a scrollozás le van tiltva.
Ha sok elem van, akkor egyrészt a "size" értékét korlátozni kell, másrészt a scrollozást "auto"-ra kell állítani.
A "form"-ot én "div"-re cseréltem.Igen, kicsit régies, de játéknak jó volt.
-
A linkelt fiddleben a formra nyomsz click-et és nem a dropdown-ra, de ez a megoldás nem is fog működni és más korábban működő lehetőség sem az alap html select kinyitására (a régebben még működő technikák már nem támogatottak a böngészők által).
Vannak workaround lehetőségek, amik közül a legegyszerűbb és szebb megoldás használni egy custom dropdown-t, de lehet megoldás a dropdown size változtatás is pl (a linken az egyik hozzászólásban van minta erre).
-
Szerintem innen ki tudsz indulni: https://www.google.com/advanced_search
pl: arra keresel, hogy 'index' - kiadja az index.hu-t
ha arra keresel, hogy 'index site:index.hu' - akkor csak az index.hu-n belül keres
de ha úgy keresel, hogy 'index -site:index.hu' - akkor nem lesz benne a találatokban az index.hunekem mondjuk ez az egész több macerának hangzik, mint amennyit ér, pláne ha még valóban valami js-es szütykölést is szeretnél regex-el az egészhez, de persze te tudod :-)
köszi ez nem rossz
elbohóckodok majd velemegértelek
viszont én elég sokat keresgélek a neten nekem emiatt megéri a macerátegyébként ez az Accept-Language és az ip-location megoldás is annyira hasznos lenne, ha nem használták volna ki az auto fordítás trükkre de hát ez ilyen, elég magas labda...
-
"mi lehetne erre a megoldás, hogy csak az legyen tiltva ami az autó fordításért felel?"
Leginkább az, hogy kikapcsolod a chrome-ban az auto fordítást: http://assessmenttestingsupport.bbsupport.happyfox.com/kb/article/1552-disabling-google-chrome-automatic-translation-feature/
-
-
Nem mindegy lokálban sem, hogy a böngésző által megnyitott resource protokollja http(s):// vagy file://
Egyébként ez pl. node.js-el nagyon egyszerűen orvosolható.
Telepíteni kell a node.js-t.
Aztán feltelepíted npm-el a http-server-t:npm install http-server -g
majd a mappában, ahol vannak a fájlok elindítod:http-serverés localhost alatt a 8080-as porton eléred http-n keresztül
-
Ne várd meg a body onload eseményét, mert az akkor lesz ellőve, amikor már minden betöltött, neked csak a body elemre van szükséged.
<body><script>itt csekkolod a localStorage-ban az értéket és beállítod a class-t</script>....</body>Igen, köszönöm szépen, pont így sikerült megoldanom, csak közben lejárt a szerkesztési időm.
Köszönöm szépen ismét a gyors segítséget!
-
Amikor lekéred az új adatot, amivel bővíted az oldalt, akkor megjeleníted a spinnert. Amikor betöltött az adat, akkor berakod a DOM-ba, ahova annak kerülnie kell.
Miután ez megvan, akkor ahova került az új tartalom, megnézed a tartalomban van-e új img, ezeket kigyűjtöd.
Itt lehet akár két lehetőség is
- Megszámolod mennyi van, majd feliratkozol a képek load és error eseményeire és amikor bármelyik bekövetkezik, akkor kivonsz egyet a számlálóból, ha elérted a nullát, akkor elrejted a spinnert.- Vagy a képeket beburkolod egy-egy Promise-ba a resolve/reject a kép load és error eseményeire következik be. Bevárod az összes Promise-t és elrejted a spinnert.
ha van egy images nevű tömböd, a képekkel, abból így lesz egy promise lista:const imagePromises = images.map(image =>
new Promise((resolve, reject) => {
image.onload = () => {
console.debug('image loaded', image);
resolve(image);
};
image.onerror = () => {
console.error('image not loaded', image);
reject(image);
};
}));Köszönöm az ötletet és a részletes választ!
-
Nem az "axios-szal volt gond", hanem a böngésző nem fogja kiértékelni a script tag-ekben lévő kódot, amit innerHTML-ként megadsz biztonsági okokból. Egyes libek persze csinálnak olyat, hogy ezekre hívnak még egy eval-t, ami nem feltétlen jó.
Egyébként nincs sok szükséged a teljes js-re, amit a getcode ad, elég a 'https://weatherwidget.io/js/widget.min.js'-t behúznod az oldaladra és betölteni a getcode által adott linket (<a ... /a>) ugyanis az a kód is pont ugyanezt csinálja csak dinamikusan (létrehoz egy script tag-et megadja az src-t, beállít egy id-t neki és hozzáadja a dom-hoz).
-
Nem az "axios-szal volt gond", hanem a böngésző nem fogja kiértékelni a script tag-ekben lévő kódot, amit innerHTML-ként megadsz biztonsági okokból. Egyes libek persze csinálnak olyat, hogy ezekre hívnak még egy eval-t, ami nem feltétlen jó.
Egyébként nincs sok szükséged a teljes js-re, amit a getcode ad, elég a 'https://weatherwidget.io/js/widget.min.js'-t behúznod az oldaladra és betölteni a getcode által adott linket (<a ... /a>) ugyanis az a kód is pont ugyanezt csinálja csak dinamikusan (létrehoz egy script tag-et megadja az src-t, beállít egy id-t neki és hozzáadja a dom-hoz).
Köszönöm szépen a választ és a magyarázatot! Ennek mindenképp utánanézek!
-
"nem úgy olvasom ki"
Az, hogy te hogy olvasod ki az tökmindegy, a lényeges, hogy javascript futtatókörnyezet hogyan értelmezi. Ez egy function, aminek van egy bemenő paramétere, aminek megvan a maga szintaxisa, amivel látszólag nem vagy tisztában.function half(value) {return value/2;}Ez egy function, ami vár egy bemenő paramétert, amit eloszt kettővel és ennek az eredményével tér vissza. Ezt a következő formában lehet meghívni:
half(8)
> 4Az általad lőtt képen ez van kiegészítve egy console.log() függvényhívással meg egy extra változóval, ami át lesz adva függvénynek.
Szóval én nem tudom mi az amit tanulásra használsz, de lehet érdemesebb lenne itt kezdeni.
"If you see something which looks like a variable name, but it's followed by parentheses—
()—it is likely a function. Functions often take arguments: bits of data they need to do their job. Arguments go inside the parentheses, separated by commas if there is more than one argument." -
Érdekes megközelítés ez a functional programming jellegű dolog, nekem kevésbé szimpatikus, mintha az adott class/object-nek lennének a függvényei, mert így nincs convienient kódkiegészítés hozzá és vagy megtanulom mit kell importolgatni vagy a doksit kell gyakrabban forgatni. A modularizáltsága az lehet plusz, de kétlem, hogy egy dátumkezelő lib méretén múlna bármi.
(#8006) togvau
Bármit behúzhatsz jsfiddle-be. Moment.js minta -
Továbbra is az a gond, hogy nem a korábban ajánlott irányba mész. Az include html-es függvényednek adjad át callback-ként, amit akarsz csinálni miután betöltött az ajax kérés. Ez teljesen mindegy, hogy egy eseménykezelő megadása vagy valami extra html hozzáadása valamihez. codesandbox
Igazából nem az én kódomhoz lesz ez és nem is ez az eredeti éles kód. Amit ide kiraktam kódot az csak tesztelés céljából van. Akiknek kell a megoldás, azok szakvámban a w3school.com scriptjét használják, ezért úgy voltam vele, hogy ahol csak lehet, "nem bántom az alapkódot" elvet követem. Közben jött pár megoldás, amivel megkaptam amire vágytam, nem kellett pluszban átírni a w3scool scriptet, mindenki happy volt, amíg fel nem merült az igény, hogy az oldal betöltésekor is ez az amaz jelenjen meg az includeolt oldalrészen is, eközben ez a megoldás ki is ment a fejemből, de most forkoltam a kódod, így biztos helyen van
Sajnos nem lesz megúszva a w3 kód átalakítás
Köszi a segítséget -
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
-
A checkbox típusú input mező checked attribútuma alapján tudod, hogy be van-e pipálva vagy sem. Ha az input mező értéke alapján szeretnél dolgozni, akkor legyen a mezőnek értéke (value).
FiddleBocsánat, most látom a kódot amit betettél, köszi igy már értem
-
Az indított interval azonosítóját tárolod a változóban, legyen elérhető onnan, ahonnan használni szeretnéd, ez már jó. Viszont amikor újra hívod a startot, akkor a korábbi interval még futni fog, ameddig le nem lövöd. Magyarul azzal kell kezdeni, hogy hívsz egy clearInterval-t akorábbi interval azonosítójával mielőtt újat indítasz. A gomb elrejtés/mutatás teljesen jó irány az egész mellé. Mintafiddle (szétszedtem a html/js-t, egyéb kulcsszavak: arrow function/lambda function, const/let, addEventListener)
Köszönöm a segítségeteket. Így már tökéletes a működés.
Egy kicsit átvariáltam, hogy a start() ne legyen alapértelmezett
https://codepen.io/bzozoo/pen/YzyLLZv -
hiperFizikus
senior tag
A portálom csak ZIP-elve engedi feltölteni a programokat-scripteket . Nem értek a PHP-hez, így önnálóan nem tudok portált csinálni . Egyébkét csak pár kattintás, és meg tudod nyitni a ZIP-et is . Garantálom, hogy megéri neked is és a többieknek is . Ne légy már annyia finyás .
-
PHP oldalon ne html-t gyárts, hanem egy tömböt az adatokkal. Ha szeretnél class-t vagy akármit állítani a soroknak, celláknak, akkor bővíted az adatokat és belerakod a generált json-be.
Pl. ezt kapod vissza:
[{
one: "one1",
two: "two1"
}, {
one: "one2",
two: "two2"
}]És ezt javascripttel feldolgozod és beszúrod a megfelelő helyre.
Csináltam egy mintát hozzá. A fejlécet is elküldheted egy külön tömb-ként (ezt nem raktam bele).
Pl. fejléccel:
{
header: [
"One",
"Two"
],
data: [{
one: "one1",
two: "two1"
}, {
one: "one2",
two: "two2"
}]
}szerk: persze, ahogy martonx írja vannak kész megoldások is, amit használhatsz
Sikerült megoldanom ez a leírás alapján: [link]
Szépen betölti adatbázisból az adatokat, a html táblázatba. Időtartomány kiválasztás is működik a a html oldalon két dátumbeviteli mezővel.
Köszönöm a segítséget mindenkinek. Még lehet, hogy kérdezni fogok. -
Az elképzelésed több sebből is vérzik. A php feldolgozónak akkor adja feldolgozásra a webszerver a fájlt, ha olyan kiterjesztésű, ami be van állítva neki. Ez alapból a .php kiterjesztés.
Javascript fájlokat nem fog ezért feldolgozni. Persze be lehet állítani a szerveren, hogy ez ne így legyen vagy szimplán php kiterjesztést adsz a javascript fáljaidnak is, de ez elég kókány megoldás lenne.
A query paraméteres include sem fog menni, az átadott paramétereket nem fogja látni az include-olt fájlban lévő kód. Viszont ha előtte deklarálsz egy sima változót, azt az include-olt fájlban ugyanúgy eléred.
Pl:
alap fájl:<?php
$something = "something";
include 'othersomething.php';othersomething.php fájl:
<?php
echo $something;Ki fogja írni, hogy something.
szerk: érdemes lenne kicsit olvasgatni a témában, hogy hogyan működik egy http kérés, azt hogyan kezeli a webszerver, javascript felől pedig mi az az AJAX, akkor jobban tudod majd tervezni a folyamatot
-
Néztem, aha, közben megtaláltam amit korábban..
Igy néz ki:
var navOpenInBackgroundTab = 0x1000;
var oIE = new ActiveXObject("InternetExplorer.Application")
oIE.Navigate2("http://google.com");
oIE.Visible = true;
oIE.left = 0;
oIE.top = 0;
oIE.height = 700;
oIE.width = 400;Ez igy optimális? vagy van ettől jobb?
-
-
Üdv, egy regex-es lehetőség:
A String.prototype.replace(regex, replacerFunction)-t használva elég egyszerű lesz a dolog. A regexet megírod úgy, hogy lesz 3 capture group (url eleje a számig, szám, többi). A replacerFunction-ben pedig növeled a számot és összefűzöd a 3 részt az növelt számmal.
regex:
/^(http[s]?:\/\/[^\/]+\/[^\/]+\/[^\/]+\/)(\d+)(\/.*)/replacerFunction:
var increasePart = function (match, firstPart, numberAsString, lastPart) {
var increasedNumber = parseInt(numberAsString) + 1;
return firstPart + increasedNumber + lastPart;
}Köszi, megpróbálom összedolgozni a kettőt, ha kicsit békén hagynak az egyéb (munkahelyi...
) feladatokkal és megírom sikerült-e! 
-
A document.write()-ot NE használd. A leírásból a kiemelt rész: Note: as document.write writes to the document stream, calling document.write on a closed (loaded) document automatically calls document.open, which will clear the document. A konzol az nem a képernyő (dokumentum). Erre a consol.log()-al tudsz irogatni. A jsfiddle-t használd ahogy illik, html bal fent, js bal lent. Formázásnál segít a fiddle a Tidy gombbal. Kommentet ritka esetekben használunk, legyen inkább a kód olvasható (függvények, változók nevei legyenek beszédesek). És ami szerintem még fontos, ne használj magyar neveket a kódban, rossz szokás.
Igazad volt
Már értem miért nem jó a document.write()
De aconsole.log()-os megoldás sem az igazi - nem sok olyan honlapot látni, ahol a konzolt kell nézegetniAmíg nem tudok jobbat, a fenti megoldást fogom használni. Az html tageket is tud értelmezni
-
Ennél a megoldásnál téged nem érdekel pontosan mennyi mezője van a data objektumnak. Végigmész az összesen, ellenőrzöd, hogy saját mezője-e, majd a kapott értéket a mező nevéből származó index-szel berakod egy tömbbe.
Egy egyszerű minta: fiddle. Egy kicsit korrektebb: változat.
"Az én megoldásomnál az lehet a hiba, hogy a "data.d0" objektumot String-ként hozom létre, és azt nem tudja értelmezni?"
Bizony, a legfőbb hiba ez. A másik, hogy nem rugalmas a megoldás, hiszen mi van, ha már nem 90 elemet kell feldolgozni?
Ha errefelé mennél mégis, amit nem ajánlanék, akkor valahogy így módosulna a fenti egyszerű példa.
A lényeg:
var arr = []; // eredmény
for (var i = 0; i <= 90; i++) {
var key = "d" + i;
arr[i] = data[key]; // a data objektum adott d0 .. d90 elemét így tudod megcímezni
} -
Ennél a megoldásnál téged nem érdekel pontosan mennyi mezője van a data objektumnak. Végigmész az összesen, ellenőrzöd, hogy saját mezője-e, majd a kapott értéket a mező nevéből származó index-szel berakod egy tömbbe.
Egy egyszerű minta: fiddle. Egy kicsit korrektebb: változat.
"Az én megoldásomnál az lehet a hiba, hogy a "data.d0" objektumot String-ként hozom létre, és azt nem tudja értelmezni?"
Bizony, a legfőbb hiba ez. A másik, hogy nem rugalmas a megoldás, hiszen mi van, ha már nem 90 elemet kell feldolgozni?
Ha errefelé mennél mégis, amit nem ajánlanék, akkor valahogy így módosulna a fenti egyszerű példa.
A lényeg:
var arr = []; // eredmény
for (var i = 0; i <= 90; i++) {
var key = "d" + i;
arr[i] = data[key]; // a data objektum adott d0 .. d90 elemét így tudod megcímezni
}Köszi, ez a minta amit beszúrtál működik.Ezt fogom használni, mert egyszerű. Az elemek száma nem változik magától, csak ha változtatom. De akkor ezt is hamar át tudom írni.
Köszi mégegyszer. -
A data objektum mezőin kell végigmenned és azok értékeit menteni a tömbbe.
for (var property in data) {
if (data.hasOwnProperty(property)) {
// put in array: data[property]
}
}A mentéshez használhatsz egy sima változót, amit közben növelgetsz, ami lesz a tömb indexe, vagy a mező neve alapján kezeled az indexet. Az alábbi kiszed minden szöveget pl:
function getIndex(propertyName) {
return propertyName.replace(/\D/, "");
} -
A document.write()-ot NE használd. A leírásból a kiemelt rész: Note: as document.write writes to the document stream, calling document.write on a closed (loaded) document automatically calls document.open, which will clear the document. A konzol az nem a képernyő (dokumentum). Erre a consol.log()-al tudsz irogatni. A jsfiddle-t használd ahogy illik, html bal fent, js bal lent. Formázásnál segít a fiddle a Tidy gombbal. Kommentet ritka esetekben használunk, legyen inkább a kód olvasható (függvények, változók nevei legyenek beszédesek). És ami szerintem még fontos, ne használj magyar neveket a kódban, rossz szokás.
-
Köszönöm mindkettőtöknek. Hozzáteszem akkor az onclick triggert is
Egyébként egy div-es táblázat szűréséről van szó. A gombok megkülönböztetésével nem kell foglalkoznom szerencsére. Nem túl elegáns módon globális változóként tárolom a legutóbb keresett értéket. Ha nem változott az előzőhöz képest, akkor nem csinál semmit. Így nem iterálja feleslegesen végig az egész táblázatot akkor sem ha bal egérgombbal kattintgat rá bárki.Valószínű elég optimalizálatlan, 230 soros táblázatot szűrök vele. Van esetleg valami gyorsabb/hatékonyabb módja ennek mint a display-t változtatgatni soronként iterálva? (electron alkalmazás így minden nodejs-es trükk bevethető)
) feladatokkal és megírom sikerült-e! 
Új hozzászólás Aktív témák
- Autós topik
- Okos otthon - Home Assistant, openHAB és más nyílt rendszerek
- Szaporodik és sokasodik a One UI 8.5
- Samsung Galaxy Felhasználók OFF topicja
- Nyílt világú Középfölde-RPG készül a Warhorse-nál
- BMW topik
- Kertészet, mezőgazdaság topik
- Apple iPhone 17e – mágnesek ereje
- Renault, Dacia topik
- exHWSW - Értünk mindenhez IS
- További aktív témák...
- Kezdő Gamer PC-Számítógép! Csere-Beszámítás! I5 7500 / GTX 1650 / 16GB DDR4 / 128SSD + 500HDD
- Bomba ár! Dell Latitude 3190 - Intel N3350 I 4GB I 64-128SSD I 11,6" HD I HDMI I Cam I W11 I Gari!
- Apple Watch SE 2 44mm Midnight 100% akkumulátor 6 hónap garanciával
- Lenovo ThinkPad dokkolók: USB-C 40A9/ 40AY/ 40AS/ Thunderbolt 3 40AC/ Hybrid USB-C DisplayLink 40AF
- HIBÁTLAN Apple Watch SE 2 Midnight -2 ÉV GARANCIA - MS4906, 100% AKKSI
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest