- Samsung Galaxy S26 Ultra - fontossági sorrend
- iPhone topik
- Huawei Watch Fit 5 Pro - jó forma
- Xiaomi 14 - párátlanul jó lehetne
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Milyen okostelefont vegyek?
- Fotók, videók mobillal
- Szaporodik és sokasodik a One UI 8.5
- Robottal a nyomában üldözi a Honor a Huawei-t
- Samsung Galaxy A54 - türelemjáték
-
Mobilarena
Mobilarena
Új hozzászólás Aktív témák
-
testResult.myArrayNodList[yy].innerText = myArrayNodList[yy + 1].innerText;Itt hogyha a
testResultobject-nek még nincsmyArrayNodListkulcsra érték definiálva, akkor így nem fogsz tudni neki értéket adni, mivel atestResult.myArrayNodListundefined-ra fog resolve-olni, és undefined értéket nem tudsz indexelni. Előbb inicializált értéket kell adnod neki a loop-on kívül, utána tudod indexelni:testResult.myArrayNodList = [];vagy amikor inicializálod:
let testResult = {myArrayNodList = []};
btw felteszem hogy ez egy typo és amúgymyArrayNodeListszeretne lenni.Köszönöm szépen a választ.
Ha ez így van, akkor itt miért működik úgy ahogy csináltam?
[link] itt a kód
-
Ezt a hibát futásidőben kapod? Mert itt inkább arra tudok gondolni, hogy a
tablazatváltozóban nem létezik az adottkey-hez tartozó tömb, amin meg akarnád hívni apushmetódust.Igen, és igazad is van.
Meg is oldódott azzal, hogy rácsekkoltam, hogy az adott tablazat[key] undefined-e, és ha igen, akkor kapott egy kezdeti üres tömb értéket.
if (tablazat[key] == undefined) tablazat[key] = [];Ha netán létezik elegánsabb megoldás, akkor szívesen fogadom.
Köszönöm szépen!
-
A vizsgált számból kivonod az object-ben lévőt. Ha a kapott eredmény kisebb vagy egyenlő mint -5, vagy nulla és +5 közé esik, akkor átírod az object-ben lévő számot.
Ez jónak tűnik.
Mintha próbáltam volna, csak ilyenkor mindig az van bennem, hogy ha egy reláció félremegy akkor mindegy, hogy a logika jó volt-e.
Köszi, jövök vissza! -
Jól értem hogy a JSON-ön belül több kulcs (pl. elso) többször szerepelhet? Szükséges neked az hogy ezen kulcs alapján érd el a linkeket, vagy megfelel más is (pl. tömbben index alapján?). Mi alapján rakod össze a JSON-t?
Nagyon szépen köszönöm a válaszokat
Fentebb írtam, hogy object az objectben megoldást választottam.
Így nem kellett annyira átírni a kikérést.
1 óra alatt átírtam, így már tökéletesen működik.{
1 : {"elso" : "www.elso.hu",
"masodik" : "www.masodik.hu"}
2 : {"elso" : "www. harmadik.hu",
"masodik" : "www.negyedik.hu"}
} -
Először is köszönöm szépen a válaszokat.
A forEach -el nagyon nem vagyok kibékülve.
Valahogy képtelen vagyok megérteni.
Hibát dob, de nem tudom miért, mert forEach -hez nem értek.
"posts is not iterable at xhr.onreadystatechange"Mivel nem csak 1900 van, hanem egészen 2022 -ig megy, így gondolom 1900 helyére másik for ciklussal dobok évszámot.
-
magortaltos
csendes tag
-
Kicsit gondolkoztam rajta, nekem a következő jutott eszembe: sorbarendezed mindkét tömböt és az elejéről indulsz két indexszel (i indexeli az A tömböt, j meg a B tömböt). Ha A != B[j], akkor mindkét indexet növeled. Ha A(i) == B[j], akkor növeled a számlálót és megnézed A[i + 1]-et és B[j + 1]-et. Ha ezek is egyeznek A(i)-vel vagy B[j]-vel, akkor növeled i-t és j-t is. Ha csak az egyik egyezik (mondjuk A[i + 1] már más, de B[j + 1] még nem), akkor i-t addig növeled, amíg ráfutsz a következő számra, j-t meg csak 1-gyel, és jöhet elölről az egész, amíg i vagy j el nem éri a tömb végét. Nem csináltam rá kódot, szóval lehet valami edge case-t kihagytam, de én így indulnék neki.
nem jó a sorrend, mert lehet hogy mind piros az egyikben
ami a példában van az se jó. Elsőre annak tűnik, de nem az. Betettem a példába ahol nem jó.
Ha több egyforma van az egyikben és csak egy a másikban akkor is többször számolja.Tehát még sincs megoldás.
próbáltam már for -al, azzal nem lehet.
if-el azzal se lehet.
nem tudom hogy lehet megoldani. -
1. Amit megadsz callback a duplikálás check esetében, azt a függvényt ugyanúgy meg kell adnod az új sor adott elemének is (enélkül az eseménykezelő csak az első betöltésnél már meglévő HTML elemekre lesz érvényes. Ehhez az kell, hogy nem egy anonim függvényt adsz át, hanem egy már létezőt:
function checkNullAndDuplicates() {
var value = $(this).val();
$('[name="zona_szam[]"]').not(this).each(function(){
if($(this).val() == value || value=="0") {
document.getElementById("error").style.display= '';
}
})
}
}
$('[name="zona_szam[]"]').on('change', checkNullAndDuplicates);Ezt a függvényt kell az új DOM elemnek odaadni. Mivel a mostani módszered egy sima HTML stringet ad hozzá a DOM-hoz, ez elég körülményes, de azt meg tudod egyszerűen csinálni, hogy egy sor hozzáadása után lekéred az összes
[name="zona_szam[]"]elemet, és megadod az onchange eseménykezelőnek a fent definiált függvényt.2. A change eseménykezelőben megnézed, hogy jó-e az érték, és ha igen, akkor átírod az error elemnek a style.display property-jét 'none'-ra.
Köszönöm a gyors választ
Igyekszem felfogni
-
Reprodukálni tudod esetleg egy jsfiddle-ben? A második betöltés alatt azt érted hogy F5-tel frissítesz, vagy hogy anélkül csak újra lefuttatod a JS kódot?
a "Miért nem használsz CSS-t hozzá" és hasonló kérdéseket mellőzzétek.
Pedig valószínűsítem, hogy az általad felvázolt problémát megszüntetné.
-
Gondolom minden egy form-on belül van és annak az onsubmit eseményére iratkozol fel (vagy az ok gomb onclick-re?). Ez esetben az eseményt kezelő függvényben paraméterként kapsz egy
eventobjektumot, ennek apreventDefault()függvényét kell meghívnod, valahogy így:const form = document.getElementById('myform');
form.addEventListener('submit', event => {
event.preventDefault();
console.log('asd');
});Szia!
Ez az event egyelőre kínai
A submit gombnál van egy onclick="ellenoriz()", ez hívja meg a függvényt. -
Nem kell semmit sem letöltened githubról, mivel az maga a program forráskódja, arra neked nem lesz szükséged.
Az
nmpaz egy typo a részedről,npm-et kell írnod helyette.parse-gedcom -ot is telepíteni kellett -g -vel.
De még így se jó, most hibával száll el
szerintem még mindig hiányzik vmi
-
Megpróbálom minél érthetőbben / egyszerűbben összefoglalni:
Először is telepítened kell a Node.js-t a gépedre. Ezt innen letöltve tudod megtenni.
Ha ezzel végeztél, nyitnod kell egy terminál / CMD / powershell ablakot. Ezen keresztül tudod telepíteni a fent említett programot az
npm install -g gedcomparancs kiadásával.Ezután még mindig a parancssoros felületen kell majd elnavigálni abba a könyvtárba, ahol a fájlod található. Ennek egy alternatívája, hogy megnyitod a windows intézőt, elnavigálsz ott az adott mappába, majd a címsorba az elérési út helyére beírod hogy cmd, majd nyomsz egy entert. Ekkor meg fog nyílni egy parancssor ablak az adott mappához.
Ezután ki kell adnod a következőhöz hasonló parancsot:
parse-gedcom sajatfile.ged kimenet.json
Itt a sajatfajl-t cseréld le arra ami a fájlod neve (a kiterjesztés ne maradjon le).Amint lefutott, a könyvtárban ott lesz a kapott JSON fájl (a példában kimenet.json néven).
-
Böngészőn keresztül JS-sel lokális fájlt nem fogsz tudni olvasni. Vannak rá workaround-ok, pl. hogy a JSON értékét stringként eltárolod egy JS változóba, és ezt ugyanúgy belinkeled a HTML-be mint az ezt feldolgozó JS-t (ez volt látható az általad linkelt megoldásban), vagy indítasz egy HTTP kérést a fájlod felé. Az már rajtad múlik, hogy melyik a neked megfelelőbb megoldás.
Hello,
Először is köszönöm szépen a választ.
Amit linkeltem az nem működik /nekem úgy is jó lenne/.
JavaScript Object Notation (JSON) - és javascript-el nem tudom kezelni?
Wikipédia: "A JavaScript esetében a futási környezet jellemzően egy web böngésző."
Ugyanarról a Javascript-ről beszélünk?
Ahogy én gondolom: JavaScript oop nyelv. Akármilyen szöveg szerkesztőbe megírható, és szükség van egy futtató környezetre, ami legtöbb esetben egy web böngésző.
Rosszul tudom? -
Ha jól látom leszeded a loading class-r róla betöltéskor, amihez kötve van az animáció, így szerintem nem fogja utána tovább az erőforrást használni.
Az csak a skeleton loader-ben van úgy megcsinálva, viszont azt túl sok idő lett volna a mostani formátumra ráhúzni.
Végül arra jutottam, hogy a template-be beraktam az feed image-khez, hogy ha betöltött, távolítsa el a háttérért felelős osztályokat:
onload="removeLoadingBackground(this);"function removeLoadingBackground(element){if (element.classList.contains("loading-bg")){element.classList.remove("loading-bg");}if (element.classList.contains("loading-logo")){element.classList.remove("loading-logo");}if (element.classList.contains("loading-img")){element.classList.remove("loading-img");}}Csak az a biztos tényleg, ha nem hagyom ott pörögni, ki tudja, melyik böngésző hogyan kezeli (vagy nem kezeli).
Nem a legszebb megoldás, ellenben működik.
Köszönöm a gyors választ amúgy mindenkinek.
-
Nem, erre:
$.getJSON(hubaddress+"/smarthomeapi/toggle/"+$(this).data("deviceid"), (responsejson) => {// itt a this elvileg a megfelelő lesz$("#status").text(responsejson.displayname + (responsejson.state != true ? " kikapcsolva": " bekapcsolva"));});Ééés valóban ez a megoldás, hálásan köszönöm!
Szerintem jövök még hozzátok, mivel a készülő smart home projectem backend része C#, abban azért otthon vagyok (igaz, nem vagyok ám programozó), de a GUI az HTML5 + javascript, emiatt biztos lesz szükségem segítségre.
-
A
$(this)a legbelső callback-ben más lesz, mivel mindenfunction(params) {// asdasd}létrehozza a saját
thiscontext-jét. A legegyszerűbb megoldás, ha agetJSONcallback-ben ehelyett arrow function callback-et használsz.Hmm... valami ilyesmire gondolsz? (kis guglizás)
$.getJSON(hubaddress+"/smarthomeapi/toggle/"+$(this).data("deviceid"), responsejson => function()
//.....Mert sajnos az eredmény ugyanaz...
-
Hali,
Az egér klikk / érintés támogatásához ezt a két sor írd be:
var clickEvent = ('ontouchstart' in window ? 'touchend' : 'click')document.addEventListener(clickEvent, () => ship.shoot())ÓRIÁSI HÁLÁM!!!
kellemetlenül sokat szenvedtem ezen, bár valóban kevés közöm van a javascripthez, de azt hittem nem olyan bonyolult, valahonnan csak összeollózom. hát nem. nagyon köszi! (félreértés elkerülése végett: nem a javascriptre hittem, hogy nem olyan bonyolult, hanem ennyi funkcióval kiegészíteni ezt a kis játékot) -
nem tudom mit kéne csinálni ezzel a jsfiddle-vel, ha semmilyen libet nem támogat.
Én pedig a JS/TS tűzzel vassal irtását ajánlanám, de sajnos vannak projekt korlátozások úgyhogy ugyan annyira nem jó mint a date-fns bevezetése. -
Sziasztok!
A következő a helyzet: van nekem egy TypeScript-ben írt full-stack express alkalmazásom pug template-tel + a public mappában kliensoldali JS-sel. Azt szeretném elérni, hogy a kliensoldali JS kódot (+ha lehet akkor a SCSS-t is) webpack-kel vagy hasonlóval bundle-ölni úgy, hogy a pug templating megmaradjon. A szerveroldali kódot nem muszáj, azt jelenleg tsc-vel fordítom és nekem ez elég is.
Főleg azért szeretném, mert jelenleg a kliensoldali függőségeket most CDN-ről húzom be, ezeket szeretném NPM-ről kezelni, mint a többit + az ESNext feature-ök is jól jönnének.
Ok.
-
Egyszer azt írod, hogy mindig jön userId a backendről, máskor meg azt, hogy akkor is ott van a frontenden, ha amúgy a backend el se küldi?
Ellenőrizted a kis-nagybetűket, hogy ugyanaz a JSON-ben, mint az interface-ben? a JS/TS érzékeny ezekre.
Az adatnak akkor is ott kell lennie, ha a TS interface nem egyezik meg vele pontosan. Szóval vagy nem küldi el az adatot a backend, vagy valami más turpisság történik.chrome-os konzolra kiíratásnál ilyenek vannak:
{userId: 2, interactionId: 130, userProps: {…}, time: "2020-06-30T10:48:42.403+0000"}interactionId: 130userId: undefinedtime: "2020-06-30T10:48:42.403+0000"userProps: {id: 1, name: "C`...Igen, tutira megegyeznek, mint írtam copy paste volt a java class-ból a ts interface-re. Ha nem egyezik meg az interface ben, akkor jó. Ha megegyezik akkor undefined... ilyet még életembe nem láttam, semmilyen nyelvnél, pedig próbáltam párat
Azért írtam az, hogy más néven küldi, a backend, mert megpróbáltam azt is, hogy más néven küldje.
De a lényeg: ha az interface-ben van az a property deklarálva, ami a beérkező jsonban az első elem, akkor undefined lesz, lásd a fenti konzol üzenetet amiben kiiratom az összes példányt. Viszont hozzá lehet férni, pl egy map()-el. Ha nincs, akkor lesz értéke a konzolüzenetben, viszont a map() undefined-et hoz.
-
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éntclickesemé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 aclickesemény végigfolyik a DOM elemein."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"
Értem, és milyen módosításokat tudnék elvégezni ebben a helyzetben, tehát csak akkor fusson amikor szükséges, ne minden esetben? Talán szűkítsem le egy adott ID-vel rendelkező divre? Viszont akkor működni fog?
''a JavaScript event capure mechanizmusa"
Köszi. Megpróbálom elolvasni és értelmezni
-
Igen, ugye az a probléma, hogy az event handler-ben a bubble-capture miatt a target az az ikon lesz. Egy potenciális fix, ha kicseréled a
const editbutton = e.target;sort erre:const editbutton = e.currentTarget;Hát ez tényleg "easy" megoldás volt.
Még annyit változtattam rajta, hogy ezt
const editbuttons = document.querySelectorAll('.x > button');
kicseréltem erre:const editbuttons = document.querySelectorAll('.editbuttons');
így az egész az class x div-től is független lesz, akár el is hagyható lenne.Köszönöm a gyors bugfixet
-
Engedelmeddel írnék néhány feedbacket a kódhoz:
HTML:
A `big` HTML tag obsolete, nem javasolt a használata
<input type="button" /> helyett inkább használjunk <button>-t.
Nem szerencsés, ha a `name` attribútom ugyanaz több input elemnél is, mivel esetleges szerveroldali feldolgozásnál ez azonosítja az egyes elemeket.JS:
var helyett ajánlott let vagy const használata
Személyes preferencia, de szerintem nem mindegy, hogy JS-ből milyen módon kérdezed le a DOM elemeket. Pl. te class alapján teszed, én ezt akkor tenném, ha pl. a class-t akarom módosítani. Ebben az esetben inkábbdocument.querySelectorAll('input[type="checkbox"]')-ot használnék (így pl. már eleve ki van szűrve minden input, ami nem checkbox).A for ciklus helyett megcsináltam array műveletekkel: fiddle
+1: érdemes jól formázottan tartani a kódot, sokat segít az olvashatóságon (a JSFiddle tudja automatikusan a jobb felül lévő Tidy gombbal).
Természetesen épp ezért raktam fel, hogy lássak egy jobb megvalósítást, mert az előző példákból már látszott, hogy ez is sokkal rövidebben, szebben, modernebben megoldható. És jól sejtettem...
Köszönöm a kódot. Ha másnak is van alternatívája, azt szívesen fogadom 🙂
-
Más, nem szkripnyelvekben a const általában fordítás idejú konstanst jelöl, tehát utána a belső állapota sem változhat meg (pl. objectek esetében) az első értékadás után. Ugyanezt JS-ben az
Object.freeze()tudja elérni.Rustban ha let-tel hozol letre valtozot az is immutable... milyen szornyu nyelv, nem ugy mukodik mint javascriptben..
oh wait...
![;]](//cdn.rios.hu/dl/s/v1.gif)
-
FxLayout esetében van olyan, hogy megadod, hogy egyes méretekben hogy viselkedjen. Pl.
<div fxLayout="row" fxLayout.xs="column"></div>
esetén xs méret esetén column, felette row elrendezést használ. Így maradhat a 100% is. Van még gt-xs meg lt-xs is (meg persze a többi méretre is).Köszönöm, ez lett a megoldás
-
instantwater
addikt
-
hiperFizikus
senior tag
-
instantwater
addikt
-
Ez ingyenes? Meg kell rá előre regisztrálni? A honlapon nem nagyon találtam erre utalást.
300 euro korul voltak a jegyek asszem. En jelentkeztem scholarshipre ahol sajnos nem nyertem meg a palyazatot de ra ket hettel kaptam egy tok szemelyes mailt, hogy amugy tokre mehetek onkenteskent
-
hiperFizikus
senior tag
-
hiperFizikus
senior tag
-
hiperFizikus
senior tag
A substr() deprecated, tehát már nem érdemes használni.
A slice() és a substring() között a fő különbség, hogy az előbbi elfogad negatív számokat is.
Ugye nincs olyan, ami csak balról vagy csak jobbról vágja ki a sztringet ?
-
hiperFizikus
senior tag
-
hiperFizikus
senior tag
-
hiperFizikus
senior tag
-
Az első hibát ott véted, hogy a givebackCookie függvényben nem nullázod a cookie értékét, így az if-ednek mindig ugyanaz az ága fog lefutni.
A div újratöltését kezelő kódot meg inkább nem kísérlem meg megérteni és debugolni, meg amúgy is jQuery-t már nem illik 2019-ben használni.
Működő kód:
function wantCookie() {
document.cookie = "tesztkuki=Létezik";
loadDiv();
}
function givebackCookie() {
document.cookie = "tesztkuki=; expires=Thu, 18 Dec 2013 12:00:00 UTC";
loadDiv();
}
window.addEventListener("load", loadDiv);
function loadDiv() {
if (document.cookie.includes('tesztkuki')) {
document.getElementById('cookie-check').innerHTML = "<div id='cookie-want'>Press the button, if you want a cookie<br /><button id='cookiebutton' onclick='wantCookie()'>I want a cookie</button><br /></div> <br />The cookie now DOES NOT exist !";
} else {
document.getElementById('cookie-check').innerHTML = "<div id='cookie-give-back'>Press the button, if you want give back the cookie<br /><button id='cookiebutton' onclick='givebackCookie()'>I give back the cookie</button><br /></div> <br /><br />The cookie now exist !<hr />";
}
}Itt minden cookie változtatás után újratölti a div tartalmát. A
window.addEventListener("load", loadDiv);pedig azért felel, hogy az oldal betöltésekor is fel legyen töltve a div.indexOf helyett használj includes-ot, ha csak annyit akarsz megtudni, hogy tartalmazza-e az adott dolgot.
Továbbá ahogy most a div tartalmát kitöltöd, az nem túl elegáns / karbantartható / error-safe. Használj createElement-et és appendChild-ot.
A fenti kódodat megfixáltam, de erősen ajánlom a fentiek figyelembevételét. Sok későbbi szenvedést tudsz megspórolni.
+1: Ha nem kötelező cookie-t használni, akkor ajánlom inkább a localStore-et.
Szia!
Megpróbáltam a kódot, nem tudom mit rontottam el, de nem működik a codepenben.
Utána nézek az általad írt javaslatoknak, még kezdő vagyok a javascriptben, ezért sokmindennek kell még utánajárnom.
-
Annyit azért hozzáfűznék ehhez a kódódhoz, hogy bár működik, de még bőven van benne hibás működés. Pl. az alábbi sor:
var content = this.parentNode.style.display = 'none';Itt bár a div-et eltűnteni, de a content értéke
true(ami athis.parentNode.style.display = 'none';kifejezés eredménye) lesz, nem pedig maga a tartalom. Ezért az utána lévő display állítás sem fog lefutni. Ha megnézed a console-t látod, hogy hibát dob. Javaslom nézz utána, hogy hogy működnek ezek az alap dolgok (értékadás, visszatérési értékek, callback és hasolnók.Plusz a w3schools-os editor helyett szerintem inkább használj jsfiddle-t az ilyen kis kódokhoz, itt van külön HTML, CSS és JS rész, jóval átláthatóbb az egész, plusz van benne automatikus kódformázás is.
Dehát azt a részt pont te javasoltad, hogy tegyem bele vagy én értettem félre valamit és beletettem, utána elkezdett úgy működni ahogy nekem kell.
Közben találtam a dologra egy végtelenül egyszerű és purritán megoldást. Szóval feleslegesen bonyolítottam az egészet 😃
Remélem ez széles körben standard dolog és a legtöbb böngésző támogatja.Ismerem a jsfidle-t és néha használom is, de ilyen purritán kódnál, az ágyúval verébre kategóriának érzem a használatát, főleg a külön szekcióba szedést (HTML, CSS, JS).
-
Persze, hogy nem tünteti el a gombot, ugyanis nem nyúlsz hozzá a kódodban. A második esetben azért nem történik semmi, mert a
var content = this.nextElementSibling;a gomb utáni, vele egy szinten lévő elemeket választja ki, és ha a gombot a paragrafus után rakod, akkor nem lesz ennek megfelelő DOM elemed. Szerintem itt a jó megoldás az lenne, ha a gombot és a szöveget összefoglaló elemet rejtenéd el. Erre egyszerű megoldás, ha az eventlistener callback-jébe ezt írod:this.parentNode.style.display = 'none'; -
Használj
===operátort. Illetve nézd meg, hogy avar itemDate = new Date(rows[i]["Határidő"]);valóban a megfelelő dátumot adja -e vissza (pl. console.log segítségével, vagy a böngészőben van lehetőség breakpointokkal debugolni).Lehet, hogy a környezetet is le kellett volna írnom.
Szóval máig én még nem foglalkoztam JS-el. A feladat amihez kell, az Sharepointon egy lista színezése a határidő alapján. 2010-es verzióban még elég volt a feltételes formázás, de 2013-16-os verzióban ilyen már nincs. Scriptel kell megoldani.
Böngészőben gondolom az f12-vel elővarázsolt menüben kell valahol ezt megtalálnom. -
Felejtsd el a könyveket és menj fel pluralsight-ra vagy lynda-ra és nézz videókat / csináld párhuzamosan a példákat.
Biztos? Mindig is óckodtam a netes tanulástól mert valahogy amiket eddig láttam mind ilyen random felszínes fisfos volt, ez a codecool szint. De lehet csak az eddigi példák voltak gagyik.. Ránézek, köszi az inputot
-
Akit esetleg érdekel, megcsináltam async-await használatával, ezzel kicsit tisztább a szintaxis.
(#7124) Aureal:
Az a helyzet, hogy amit szeretnél (frissíteni a UI-t, miközben a háttérben dolgozol), kb. minden nyelvben hasonlóval lehet megoldani (vagy használsz valamilyen framework-öt, de az ebben az esetben atomrakétával a verébre esete). Ha a tömbök kezelése se teljesen tiszta számodra, akkor azt ajánlanám, hogy első körben az alapoknak nézz utána.A fentebb linkelt indiai YT videó helyett inkább ajánlom a Lynda és Pluralsight viedósorozatait, én sok dolgot onnan tanultam meg.
Jók a tutorial videók persze, csak ahhoz beszéd szinten is kéne érteni angolul. Lefordítgatok én írott anyagot, de annak idején nekem még orosz volt kötelező.
-
Megoldottam Promise-t használva (sejtésemre máshogy nagyon nem is lehet), itt a kód. Raktam bele egy kis késleltetést (setTimeout), hogy látszódjon a folyamat, mert anélkül instant lefut az egész.
Visszatérve az eredeti problémára és kódra: azért nem írta ki, hogy "dolgozom az eredményen...", mert a UI mindaddig nem frissül, amíg mindkét függvény futása nem ért véget teljesen.
-
Megoldottam Promise-t használva (sejtésemre máshogy nagyon nem is lehet), itt a kód. Raktam bele egy kis késleltetést (setTimeout), hogy látszódjon a folyamat, mert anélkül instant lefut az egész.
Visszatérve az eredeti problémára és kódra: azért nem írta ki, hogy "dolgozom az eredményen...", mert a UI mindaddig nem frissül, amíg mindkét függvény futása nem ért véget teljesen.
Ok, csak ezzel bejön nekem egy rakat ismeretlen fogalom meg tömb kezelés amellé, amin a saját kódomban is alig tudok még úrrá lenni, tehát szép meg jó hogy te ezt tudod, én meg lesek rá mint hal a szatyorra...
-
Nem kell semmit szerializálni, nem is tudom ezt honnan vetted.
A HTML-be alapból letiltod a gombot egy disabled attribútummal.
<button id="rsvpSubmit" class="btn btn-primary btn-submit" disabled type="submit">Send</button>A JS:
$(document).ready(function() {
$('#rsvpForm :input').change(function() {
$("#rsvpSubmit").removeAttr('disabled');
});
});Ja és a pastebin-es kódban a jquery-t meg hasonlókat korábban húzd be, mint a saját kódod.
-
Ja igen, azt elfelejtettem mondani. Én most a munkahelyen ezt használom és szerintem kifejezetten jó, sokmindent készhez kapsz.
fél dél előtöm rá ment, míg rájöttem, hogy miért nem működik, mert fele cuccot bele se raktam
De most ezzel akkor fel lehetne építeni CSS nélkül egy konkrét weboldalat?
Gondolom ha beépítem, akkor tudok szelektálni, hogy melyik stílusokat akarom használni, és melyiket nem, ha egyedi weboldalat akarok -
Amíg az alkalmazáson belül marad az adat, addig persze, átadhatod az adott objektumként (kérdés, hogy a Form kezelésén kívül szükség van-e máshol a teljes wrappelt objektumra az adaton kívül - általában nem), a lényeg, hogy amikor a HTTP hívás megtörténik, ott már a "csupasz" JSON objektumot küldd el a szerver felé.
rendben, köszönöm mindkettőtöknek
-
Tény, hogy a React népszerűbb, de az Angular 2+ bőven nem halott platform. Mind támogatásban, mind feature set-ben szerintem előrébb van, mint a Vue. Tény, hogy komplikáltabb a default felépítése, mint a másik két "nagy" frameworknek, de ha megnő az alkalmazásod, akkor mindegyikben sok kód lesz előbb-utóbb.
Hol írtam, hogy halott? Csak azt írtam, hogy már nem menő, és nem véletlenül, mert szvsz sose volt jó, csak hát a hype…
Angulart per feature semmi értelme összehasonlítani a react-tal, vue-val, mert az angular egy full framework, a react csak egy faék rendering engine (hehe, nevével ellentétben még csak nem is reagál a modell változásokara ) a vuejs meg egy rendering engine, ami legalább reagál a modellek változására.
Ezért is írtam, hogy az Angulart jóval nehezebb megtanulni, megérteni, mert van (és kötelező is benne használni) a DI-t, controllereket, service-eket, ahogy az egy böszme nagy rendszerhez illik.
És pont ezért ajánlom egy szakdolgozat erejéig sokkal inkább a Vue / React-ot, mert Angularhoz képest röhej laza a betanulásuk (hacsak nem szopatjuk meg magunkat rögtön Redux-al a React mellé, vagy VueX-el a Vue mellé), miközben egyébként ezekkel is pont ugyanúgy össze lehet nagy és komoly összetett frontendeket tenni, mint Angularral. -
Tény, hogy a React népszerűbb, de az Angular 2+ bőven nem halott platform. Mind támogatásban, mind feature set-ben szerintem előrébb van, mint a Vue. Tény, hogy komplikáltabb a default felépítése, mint a másik két "nagy" frameworknek, de ha megnő az alkalmazásod, akkor mindegyikben sok kód lesz előbb-utóbb.
) már voltak gondjaim vele, nem mindig működött (megfelelően), így próbálom kerülni a használatát.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Új hozzászólás Aktív témák
- GARANCIÁLIS LEMEZES PLAYSTATION 5 SLIM CFI-2116
- NAGYKER ÁR!Sosemhasznált! HP OmniBook 5 Flip i5-1334U 8GB 512GB 14" FHD+ áthajtós-érintős Gar.: 1 év
- Macbook Pro 14" A2442 2021 M1 Pro 32/1TB Silver
- Dell Latitude 9420 i5-1145G7 14" FHD+ 16GB 512GB 1 év garancia
- Macbook Pro 14" A2442 2021 M1 MAX 32/512 Astro
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest