Hirdetés
-
LOGOUT.hu
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
martonx
veterán
-
Nagyzoli27
kezdő
válasz martonx #7551 üzenetére
Szia
Az a bajom ezzel, hogy nem tudom.textContent
-el őket szöveges formába hozni az Objektumokat. Egy ilyet kapok vissza.
Amikor ezt be írom:Array.from(document.querySelectorAll(".adminbox_table_content_col_1")).textContent
[td.adminbox_table_content_col_1, td.adminbox_table_content_col_1, td.adminbox_table_content_col_1, td.adminbox_table_content_col_1, td.adminbox_table_content_col_1, td.adminbox_table_content_col_1]
-
dqdb
nagyúr
válasz Nagyzoli27 #7552 üzenetére
Array.from(
document.querySelectorAll(".adminbox_table_content_col_1"),
x => x.textContent)[ Szerkesztve ]
tAm6DAHNIbRMzSEARWxtZW50ZW0gdmFka5RydIJ6bmkuDQoNClOBc4Ek
-
Dißnäëß
nagyúr
válasz K1nG HuNp #7549 üzenetére
Ok köszi, ez is egy vélemény, pláne megerősít, hogy vágjak bele.
Egy alap HTML/CSS/JS-t felszedek w3schools-on (szerintem jó), aztán udemy és utána meglátjuk. Valszeg a tudás nagyja az egyébként valljuk be, itt-ott hiányos alapokra úgyis menet közben jön meg.
Csak ez a k*sok ilyen-olyan-amolyan zárójel, hülyét kapok..
Na, akkor némileg fiatalabb vagy nálam, én 40 és az utolsó kód, amit írtam, nem tegnap volt és szerintem még csak nem is Windows-on
Köszi.
Kígyó vére, béka hája, pók levedlett ruhája.. kondéromban lepke sül, kívánságom teljesül !
-
Dißnäëß
nagyúr
Köszi, megnézem, átszokok.
Kígyó vére, béka hája, pók levedlett ruhája.. kondéromban lepke sül, kívánságom teljesül !
-
K1nG HuNp
őstag
hali!
typescript - graphql - mongodb semakat hogyan lehet a legszebben szinkronban tartani? typescript-mongoosera van a typedmongoose ami tsbol kigeneral mongoose semat, az mar jo kezdet de keves a 3as egyuttallashoz
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
-
K1nG HuNp
őstag
válasz instantwater #7560 üzenetére
asszem megvagyok, eddig ugye plain jsben toltam a graphqlt es mappak alapjan szet volt szedve a query/mutation/type amit utanna osszemergeltem egy nagy schemaba.
most viszont a TS classok es a typegoose / typed-graphql dekoratorait ha ossze tudom hozni akkor elvileg lesz single source of truthom amibol jonni fog egyreszt a mongodb schema illetve a graphql is , megprobalok edzes elott osszerakni valamit
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
K1nG HuNp
őstag
válasz instantwater #7562 üzenetére
.
[ Szerkesztve ]
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
coco2
őstag
válasz Nagyzoli27 #7556 üzenetére
Frontend dolgokban elég jó a w3 kezdésnek. Nem ömlesztett káosz minden a bőség zavarával, hanem kipróbálható példák vannak, amik mozilla site-on nincsenek.
កុំភ្លេចប្រើភាសាអង់គ្លេសក្នុងបរិយាកាសអន្តរជាតិ។
-
Nagyzoli27
kezdő
Sziasztok
Szeretnék bodyba kiiratni 5 random betűt, de csak 1-et irat ki. Ha console.log-al próbálom kiíratni akkor működik. Mi lehet a gond? Köszönöm előre is!x = ["a","b","c","d","e"]
for (i=0;i<x.length;i++){
document.body.innerHTML=(x[Math.floor(Math.random()*x.length)])
}
-
#57018880
törölt tag
válasz Nagyzoli27 #7565 üzenetére
Minden körben felülírod az új értékkel.
-
cSuwwi
aktív tag
válasz Nagyzoli27 #7567 üzenetére
vagyis fuzd ossze: az innerHTML utan += legyen, ne siman =
mert most mindig az uj betu lesz az egyeduli erteke -
cSuwwi
aktív tag
válasz Nagyzoli27 #7570 üzenetére
ahogy dqdb kollega irta lokalis valtozoba teszed, majd ahogy irtad ugy updateled
valami ilyesmi, de tobb modon is megoldhatovar x = ["a","b","c","d","e"];
var y = '';
for (i=0;i<x.length;i++){
y+=(x[Math.floor(Math.random()*x.length)])
}
document.querySelector('.valami').innerHTML = y;
De a querySelector csak az elso talalatig fog menni, ha tobb helyen is kell akkor querySelectorAll kell
[ Szerkesztve ]
-
K1nG HuNp
őstag
next.js + serverless funkciok + now
server side / static html generalas, teljeserteku backend api es mindez megy egy fennakadas nelkul, 1 commandal.. kicsit eros..volt anno egy firebases projektem, az is serverless volt csak, de ahhoz az clihez kepest sokkal durvabb a zeit okoszisztemaja
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
K1nG HuNp
őstag
Ha nem en futtatom a db-m, es igyis-ugyis resten keresztul kommunikalok vele akkor van ertelme sajat serverless apit osszepakolni, hogy ne a client-side kod legyen ronda?
Tehat:
kliens -> sajat serverless funckiok -> adatbazis resten (mongodb atlas pl)vagy mar mindegy ha nem absztrahalom el a dolgokat es mennek az adatbazisos restes cuccok egybol a kliensbe?
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
hiperFizikus
aktív tag
Sok önsajnálat és önmarcangolás utan elővettem a <canvas> html tagot . Teljesen a kezdetén vagyok, egy kicsit tájékozódtam, ezért egyelőre nem kérdezősködök sokat, csak arra vagyok kjváncsi, hogy a canvas menyire rugalmas, menyire kiterjedt, az-e amit elvárok tőle :
1. Nem kellene-e a HTML + script grafikának külön topikot nyitni ?
2. A grafikát egy pontokból koordinata pontonként is fel lehet-e vinni pl. képletekből vagy 2dimenziós listákból generálva . Mik ennek a kulcs formái ?
3. A 2. pontban leírtakat mozgásként is lehet előállítani ? Mik ennek a kulcs formái ?
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
sztanozs
veterán
válasz hiperFizikus #7576 üzenetére
Csekkdiszáut:
https://cloudinary.com/blog/creating_html5_animations
https://medium.com/@huiwang339/html-canvas-animation-with-javascript-1956426287d3
Plusz Canvas elejétől a végéig (az eleje végéig):
https://www.html5canvastutorials.com/tutorials/html5-canvas-element/[ Szerkesztve ]
JOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...
-
K1nG HuNp
őstag
válasz martonx #7578 üzenetére
Valoban nincs sok, viszont kb 0 overheadja van annak hogy kihasznalom a next.js/now serverless funckiojait es akkor igy csak szepp a kliensben a fetch("/api...") mint az egesz adatbazismokolas odateve random ket react komponens koze, meg ha onmagaban o sem tobb mint par masik fetch/request
[ Szerkesztve ]
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
-
K1nG HuNp
őstag
válasz martonx #7580 üzenetére
semmi komplex csak most picit chillesebb a felev es raerek par cuccot heggeszteni githubomra. bejott a serverless, eddig ezzel nem foglalkoztam szoval most egy projekt erejeig legalabb de belekostolok. igazabol az authentikacion kivul eddig minden tokre straight-forward. az SSR + serverless komboban igy sessionok nelkul viszont most picit kuzdok az authal
vagyis kuzdenek ha nem lenne firebase rahuzva a temara, de mindenkeppen meg akarok szabadulni az egesz firebase tematol meg ha kenyelmes is konkretan behuzni 3 perc alatt a hibatlan oauth integralast
(raw_item.get("pk").unwrap().as_s().unwrap().to_string()).split("#").collect::<Vec<&str>>()[1].to_string()
-
hiperFizikus
aktív tag
válasz sztanozs #7577 üzenetére
Köszönöm neked !
Eddig jutottam . Ennek működni kéne, szépen villognia kéne, de azért nem működik mert sehogyanse nincs megoldva benne a paraméterátadás . Talán valamithis.w01 = w01;
kell bele, nem tudom ígyse működésre bírni . Hogyan kell a paraméterátdást megoldani benne, hogy szépen villogjon ? Persze asetInterval(frame, 3)
3-as száma helyet bármekkora számot tehettek .<!DOCTYPE html>
<html>
<head><title>pr 04; canvas animation</title></head>
<body>
<p><button onclick="start1()">Start 1</button></p>
<p><canvas id="idCanvas01" width="300" height="200" style="border:3px solid black;"></canvas></p>
<script>
function start1() {
var canDim01 = document.getElementById("idCanvas01"); // megnyitja a canvas-t
var w01 = canDim01.getContext("2d");
w01.fillRect(50,100,80,40) ; // téglalapot ad meg
var pos = 0; // számlálóhoz lesz
var BL1 = true ; // billegtetéshez lesz
// alert("1 ::" +"\n"+ pos +"\n"+ BL1);
var id = setInterval(frame, 3); // az animáció motorja
function frame() {
// this.w01 = w01; // talán valami ilyesmi hiányzik
if (pos == 10) {
clearInterval(id); // leállítja a motort
} else {
// alert("2 ::" + "\n" + pos +"\n" + BL1);
pos++; // számot változtat
if (BL1) {
// alert("31 ::" +"\n"+ pos +"\n"+ BL1);
w01.fillStyle = "red" ; BL1 = false ; // színt változtat pirosra
} else {
// alert("32 ::" +"\n"+ pos +"\n"+ BL1);
w01.fillStyle = "blue" ; BL1 = true ; // színt változtat kékre
};
};
};
w01.stroke(); // bezárja a canvas-t
};
</script>
</body>
</html>
Ez egy másik kódból lett átvéve, evvel a másik kóddal nincs semmi bajom, csak azért tettem fel, hogy megnézhessétek :
<!DOCTYPE html>
<html>
<head><title>pr 03; w3school animaton</title></head>
<style>
#container {
width: 400px;
height: 400px;
position: relative;
background: yellow;
}
#animate {
width: 50px;
height: 50px;
position: absolute;
background-color: red;
}
</style>
<body>
<p><button onclick="myMove()">Click Me</button></p>
<div id ="container"><!-- ez áll -->
<div id ="animate"></div><!-- ez mozog -->
</div>
<script>
function myMove() {
var elem = document.getElementById("animate");
var pos = 0;
var id = setInterval(frame, 5);
function frame() {
if (pos == 350) {
clearInterval(id);
} else {
pos++;
elem.style.top = pos + "px";
elem.style.left = pos + "px";
}
}
}
</script>
</body>
</html>
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
hiperFizikus
aktív tag
válasz hiperFizikus #7582 üzenetére
Most jut eszembe: a 3-as helyet 1000 kell, mert milliszekundumokban mér .
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
sztanozs
veterán
válasz hiperFizikus #7583 üzenetére
Ahogy írja is a tutorialban, ne
setInterval
-t használj, hanemrequestAnimFrame
-et. setInterval csak ott kell, ahol egyáltalán nincs más lehetőség.[ Szerkesztve ]
JOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...
-
sztanozs
veterán
válasz hiperFizikus #7583 üzenetére
Ezt nézd még meg, ez is elég jól elmagyarázza a lényegét:
https://blog.teamtreehouse.com/efficient-animations-with-requestanimationframeJOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...
-
martonx
veterán
válasz hiperFizikus #7582 üzenetére
Tessék: https://jsfiddle.net/esf84dch/ remélem a megváltó könyvbe belekerülünk, mint angyalok
Én kérek elnézést!
-
hiperFizikus
aktív tag
válasz martonx #7586 üzenetére
Nagyon köszönöm . Ezen már elindilhatok . Akkor paraméterátadással nem lehetett, se baj ? Mindenképen bekerültök, mint angyalok vagy tündérek, mert nélkületek régen megrekedtem volna a nagy semmiben .
Egyébbkét legalább annyi tagokat keresek a vallásomhoz, hogy hivatalosan bejegyezhesük .A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
hiperFizikus
aktív tag
Össze kell szednem magam belőle . Ez hetekbe is bele tellik . Még csak 2 napja <canvas> -olok .
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
Nagyzoli27
kezdő
Sziasztok,
Miért nem lehet kiíratniquerySelectorAll
-al több elem tulajdonságát?document.querySelectorAll("img").outerHTML
for ciklussal vagy forEachel lehet csak megoldani?
Köszönöm -
disy68
aktív tag
válasz Nagyzoli27 #7589 üzenetére
Azért, mert a querySelectorAll egy NodeList object-et ad vissza.
Nézd meg a leírást ezzel miket lehet csinálni, vannak példák hozzá.[ Szerkesztve ]
“Yeah, well, you know, that’s just, like, your opinion, man.” — The Dude
-
martonx
veterán
válasz Nagyzoli27 #7589 üzenetére
Mert ez egy NodeCollection-t ad vissza, amit egy foreach-el be kellene járnod.
Én kérek elnézést!
-
Tomi_78
tag
Sziasztok!
Az miért van, hogy kicsinyke játékomban villognak a mozgó objektumok?
Ezek egy tömbben vannak és egy for ciklussal végigmegyek rajtuk, miközben a drawImage-dzsel kirajzolom őket a setInterval függvényben, aminek 60 az értéke.
Lehet, hogy kellene még valami külön képernyőújrarajzolási utasítás bele? Van ilyen a JS-ben? -
Tomi_78
tag
válasz Rickeffe #7593 üzenetére
Köszönöm szépen! Ki is fogom próbálni.
Most utána is néztem ennek az utasításnak; úgy látom, valamelyest bonyolultabb a setInterval-nál, aminél csak meg kellett adni egy számot és kész.
Ez viszont egy kis magyarázatra szorul számomra:function repeatOften() {
// Do whatever
requestAnimationFrame(repeatOften);
}
requestAnimationFrame(repeatOften);
Akkor ez paraméterként nem egy képfrissítési számot, hanem egy másik függvényt vár, amiben az ismétlődő dolgok vannak?
-
sztanozs
veterán
válasz Tomi_78 #7594 üzenetére
Ez egy rekurzívan hívott függvény, amit a JS grafikus motorja szabályoz (legnagyobb sebesség 60 FPS - ha 16 ms alatt be tudja fejezni a függvény a számolást).
Az első requestAnimationFrame visszaad egy azonosítot, ami alapján el is lehet cancel-elni az egészet.JOGI NYILATKOZAT: A bejegyzéseim és hozzászólásaim a személyes véleményemet tükrözik; ezek nem tekinthetők a munkáltatóm hivatalos állásfoglalásának...
-
hiperFizikus
aktív tag
Érdekes lenne a canvas grafika mellé hangot is adni . Lehet- a JS-tel hangot szerkeszteni, olyan szintetizátor szerűen ?
Aztán ha a requestAnimationFrame nem használ paramétert, akkor hogyan lesz szabályozva nála a sebesség ?
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
instantwater
addikt
válasz hiperFizikus #7597 üzenetére
Googlet esetleg próbáltad?
-
hiperFizikus
aktív tag
válasz instantwater #7598 üzenetére
Nem, kellett volna ?
A gázt is és a féket is egyszerre nyomni nem menő dolog !
-
martonx
veterán
válasz hiperFizikus #7597 üzenetére
7595-öt sikerül-e értelmezni? Hangot lehet js-el adni, hogy real time szabályozni is lehet-e, még sose próbáltam, én is csak ráguglizni tudnék.
[ Szerkesztve ]
Én kérek elnézést!
Új hozzászólás Aktív témák
Hirdetés
- Polgári repülőgép-szimulátorok
- Nem teljesít túl jól a kasszáknál az aktuális Xbox generáció
- Milyen monitort vegyek?
- Ford topik
- Ami Kínában OnePlus Pad Pro, az errefelé mégis csak Pad 2 lett
- Milyen autót vegyek?
- Mobil flották
- Kerékpárosok, bringások ide!
- Politika
- Futás, futópályák
- További aktív témák...
- HP Elite x2 1013 G3 Tablet-Notebook i5-8350U 16GB RAM 256GB SSD 700 NITS ultra könnyű 1,1kg
- HP EliteBook x360 1030 G4 i5-8365U 8GB RAM 256GB SSD világító MAGYAR bill. érintő képernyő
- Alaplap+Proci
- Dell TB16 / K16A Thunderbolt 3 Dock / Dokkoló +130W töltő Ingyen szállítás
- Gyári ÚJ ÁLLAPOT Lenovo 135W Töltő ingyen szállítás
Állásajánlatok
Cég: Ozeki Kft
Város: Debrecen
Cég: Ozeki Kft
Város: Debrecen