- PLC programozás
- Felpörög az asztali CPU-piac a következő pár hónapban
- Azonnali VGA-s kérdések órája
- LG LCD és LED TV-k
- OLED TV topic
- Bambu Lab X1/X1C, P1P-P1S és A1 mini tulajok
- Milyen TV-t vegyek?
- 3D nyomtatás
- Kezdő fotósok digitális fényképei
- Intel Core i5 / i7 / i9 "Alder Lake-Raptor Lake/Refresh" (LGA1700)
Hirdetés
-
Megjelenési dátumot kapott a MechWarrior 5: Clans
gp Az óriásrobotok kedvelőinek egészen az őszi időszakig kell várniuk a sorozat új részére.
-
Új Philips Evnia monitorok érkeznek a játékosok asztalaira
ph A 180 Hz-es IPS panellel szerelt modellekkel azokat célozzák meg, akik nem akarnak sokat költeni.
-
Spyra: nagynyomású, akkus, automata vízipuska
lo Type-C port, egy töltéssel 2200 lövés, több, mint 2 kg-os súly, automata víz felszívás... Start the epic! :)
-
PROHARDVER!
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
-
Karma
félisten
válasz fordfairlane #6051 üzenetére
Ez még érvényes kritika is lehet (bár szerintem az arrow hasznosabb a kettőből, hogy a nyelv közeledjen a nagyokhoz); de mi köze a generátoroknak mindehhez? Az azért messze túlmutat az egyszerű szintatikai csinosításon.
“All nothings are not equal.”
-
Zedz
addikt
válasz fordfairlane #6051 üzenetére
Minek fejlesztik egyáltalán a nyelvet?
Nem tudom más hogy van vele, de nekem kényelmesebb mindkét megoldás a mostani helyett, gyorsabban tudok haladni vele, és átláthatóbb a kód. Hangsúlyozom, hogy mindez egyéni meglátás, és ha még rajtam kívűl így gondolják páran, akkor már megérhette megcsinálni.
Nyilván vannak hibái a nyelvnek, nem tökéletes, de ez kicsit a "kákán a csomót" effekt. De nem válaszoltál, hogy milyen fejlesztéseket várnál? Az egyszerűbb XHR kezelést már említettük.
-
Karma
félisten
válasz fordfairlane #6054 üzenetére
Nem hiszem, hogy ez lenne a feleslegesség mércéje.
(#6055): A this megőrzése például egy elég fontos különbség. A régi JS-hez képest lehet "nyelvidegen", de rengeteg más nyelvben több éve van hasonló konstrukció.
[ Szerkesztve ]
“All nothings are not equal.”
-
Zedz
addikt
válasz fordfairlane #6055 üzenetére
A kérdésre még mindig nem tudsz válaszolni.
-
martonx
veterán
Hú micsoda flame-et indítottam el a js kritikámmal
Szerintem egyébként két irány van jelenleg js fejlesztésben, és szemmel láthatóan az újabb irány kerekedett felül a régin. Azaz js-el eddig jellemzően frontenden fejlesztett az ember egyszerűbb, kisebb cuccokat. Az új irány pedig a js backenden használata akár nodejs-el, akár cross-platform app-ok írásával.
Fordfairlane és én nehezményezzük, hogy frontend vonalon kb. semmit nem javult a js, amivel jobban kézre állna, mint mondjuk 2 évvel ezelőtt. Viszont Zedznek is igaza van a nyelv tagadhatatlanul fejlődik, csak éppen backend felhasználási irányba. Ha frontend felől nézzük kb. éppen leszarósak az osztályok, generátorok, ellenben hány éve várja az ember, hogy ne kelljen kiírni, hogy document.getElementById("akármi"), hanem csak kb. $("#akármi"). Vagy ne 4 sort kelljen írni egy minimalista ajax-os get híváshoz.
Nyilván változik a világ, és a nyelvek próbálják lekövetni az új trendeket.
Én kérek elnézést!
-
fordfairlane
veterán
válasz martonx #6058 üzenetére
Nem tudom, hogy kliens- vagy szerveoldali-e ez a dolog, de ezt a béna arrow szintaktikát felesleges túlzásnak tartom csupán arra, hogy a this-t másképp kezelje. Az, hogy meg lehet vele takarítani pár karakter begépelését a function() {}-hoz képest, az nekem nem szempont.
x gon' give it to ya
-
Zedz
addikt
válasz martonx #6058 üzenetére
"és szemmel láthatóan az újabb irány kerekedett felül a régin."
Igen, ezzel teljesen egyet tudok érteni, hogy a régóta használt kvázi egyedüli frontendes programozási nyelvből már egy teljesen más irányt vett az egész JS dolog. Bár a backend és nodejs tényleg szépen lassan egyre nagyobb teret nyer, de az új irány szerintem inkább a minél nagyobb, robosztusabb alkalmazások készítese JS alapokon, és ez lehet web frontenden, desktopon, mobilokon (konkrétan vastag kliens készítés JS-ben), és lehet a már említett backend is. Az ehhez tartozó komplexitáshoz szerintem szükség van/lehet olyan dolgokra, amik segíthetik a fejlesztők munkáját. Ez persze nem mindenkinek tetszik, nem mindenki ért egyet ezzel az iránnyal, de egyik programozási nyelv sem mondhatja el magáról, hogy mindig mindenki 100%-ig meg van elégedve vele.
-
vakondka
őstag
Sziasztok, szeretnék megnyitni js-ből egy új ablakot (ez megy) és ott kitölteni egy input mezőt.
Így próbálkoztam, mi lehet a gond?
<html>
<head>
<script type="text/javascript">
testwindow = window.open("http://www.biocomnetwork.ch/hu/regisztracio?op=1", "mywindow");
testwindow.document.getElementById("regszamval").setAttribute('value','130280');
</script>
</head>
<body>
</body>
</html>Előre is köszi
https://toptarget.hu - Online Marketing Ügynökség
-
Karma
félisten
válasz martonx #6062 üzenetére
Így van. Ha iframe-ben lenne az új tartalom, akkor is csak abban az esetben manipulálhatná a külső JS, ha ugyanarról a domainról jön.
vakondka: A te kezedben van a másik oldal? Ha igen, akkor URL-ben átpasszolhatnád az értéket, a céloldal meg kitöltheti onnan az értéket.
[ Szerkesztve ]
“All nothings are not equal.”
-
Sk8erPeter
nagyúr
válasz DNReNTi #6041 üzenetére
Azért szerintem jelenleg még igen nagy túlzás, hogy a jQuery felett "eljárt a kor". Egyszerűen még nem tartunk ott, bármennyire is menő lenne, a jQuery-nek az egyik lényege továbbra is megmaradt, vagyis röviden leírni mindazt, amit amúgy hosszabban, de amúgy tényleg megoldhatsz plain JavaScripttel. (A másik lényege persze a cross-browserség megteremtése, de most ettől tekintsünk el, mert nem érdekes a téma szempontjából.) Szerintem igaza van fordfairlane-nek akkor, amikor azt állítja, hogy ezen vacogni felesleges premature optimization. Ahogy haladunk előre, a középkategóriás (vagy akár még az olcsóbb) okostelók is egyre komolyabban vehető processzorokkal vannak felszerelve, úgyhogy szerintem kezd csökkenni a súlya annak is, hogy mobilon mennyire érezhető a jQuery-nélküliség (vagy sem).
Az általad linkelt oldal egy-két példája is mutatja, hogy azért kódszépség tekintetében vannak még mindig bőven különbségek egy rövidebb, beszédesebb kód és egy szószátyárabb, de menőbb (hiszen plain JS) kód között. Meg ott a ZeptoJS és társai, amik az alapvető funkcionalitást tartalmazzák, az is megfontolható lehet, ha a jQuery súlya fájdalmas.
Pont nemrég került elő, hogy korábban írtam saját célokra egy böngészőbővítményt, aminek annak idején az összes kódját plain JS-ben pötyögtem, mert nagyon menőnek éreztem akkor, hogy így minden sallangtól mentes lesz, de 1-2 hete némi agypihentetésnek egy részét átírtam inkább jQuery-re, mert egyszerűen zavart, hogy mindent olyan szószátyár módon kell leírnom. A kód karbantartását is nehézkesebbnek találtam, pedig nincs gondom a JS ismeretével ilyen szinten.
martonx foglalta össze röviden, hogy nyelvi szinten lenne elvárható némi rövidítés és funkcionalitás-bővítés, mert remek, hogy jönnek az új nyelvi feature-ök, de amíg frontenden legalábbis (!) így is library-re szorul az ember a szebb, tömörebb kód érdekében, addig nem okoz akkora felhőtlen örömöt, hogy ezeket is kézhez kapjuk.Sk8erPeter
-
DNReNTi
őstag
válasz Sk8erPeter #6064 üzenetére
but without you, my life is incomplete, my days are absolutely gray
-
DNReNTi
őstag
válasz fordfairlane #6066 üzenetére
Persze, de minden viccnek van alapja.
but without you, my life is incomplete, my days are absolutely gray
-
Sk8erPeter
nagyúr
-
Zedz
addikt
Sziasztok,
Foglalkozott már itt valaki komolyabban az Angular 2 nevű csodával?
-
#68216320
törölt tag
Sziasztok. Segítséget szeretnék kérni abban, hogy egy eddig PHP-val megoldott termékösszerakót JS-el tudjak megcsinálni.
Az eredet probléma leírása itt található, ide most nem másolnám be.
Gyakorlatilag az volna a feladat, hogy oldaltöltés nélkül több elemből tudjak egy "gyűjtőbe" pakolni párat, miközben folyamatosan ellenörzöm, hogy mindegyik típusból van-e már benne. Ha igen, ezeket kattintásra át kéne adnom egy PHP-nak. Illetve természetesen az összegyűjtött termékeket ki is tudjam venni a gyűjteményből. Amolyan webshop-szerű kosárba/kosárból megoldás szerintem ez is.
Mivel még nem csináltam ilyesmit JS-ben, a szintem nagyon alacsony, ha esetleg volna olyan forráskód, amiből szemezgethetnék és egy alap működő modellt készíthetnék, annak nagyon örülnék. Köszönöm.
Eddig úgy tűnik megúsztam a feladatokat JS nélkül, de most már nem tudom kikerülni -
Karma
félisten
válasz #68216320 #6070 üzenetére
Welcome to 2010
A feladat egyszerre könnyű és szerteágazó.
Könnyű, mert alapvetően három lépésből áll a folyamat:
1) a törzsadatok kiajánlása egy JSON API-n, hogy JavaScripttel le tudd őket kérni a megjelenítéshez.
2) JS oldalon összeállítasz egy komplett modellt a konfigurált gépről, illetve megírod a validációkat ehhez a modellhez. Az 1. pontban jövő adatokból a felhasználó kattingatása alapján kitöltögeted a mezőket.
3) Mikor minden zöld, a modell adatait JSON-né konvertálod, és egy AJAX POST hívással átadod a PHP-nak feldolgozásra. (Természetesen ott is validálni kell.)Szerteágazó, mert meg lehet csinálni akár vanilla JS-sel is, jQuery-vel feltuningolt de még mindig lábbalhajtós JS-sel is, meg használhatsz valamilyen frameworköt is hozzá (a JS objektumok->HTML bindingra nagyon sok megoldás van, és szerintem megérné bevetni valamelyiket).
Példának meg a shopping cart egy remek keresőszó, a középső variánsra találtam is egy egész érdekes példát, de javaslom a Google további simogatását.
“All nothings are not equal.”
-
tick
aktív tag
Üdv!
Angulart használva ha két scope változónak ugyanazt az értéket adom egy változón keresztül:
$scope.data = result;
$scope.original = result;Akkor a kető miért lesz "összekötve"? $scope.data-t változtatva változik a $scope.original is. Illetve hogy tudom kiküszöbölni?
A cél az lenne hogy megtaláljam mi lett változtatva az egyes sorokba, de a data és az original tömbbök megegyeznek így minden esetben.
JSFiddle linkEverything that has a beginning... has an end
-
tick
aktív tag
mind.blown.
Nem tudom hogy lehetséges hogy ennyi idő után még csak most találkoztam ezzel. De tetszik hogy folyamatosan új és új dolgokkal tud meglepni ez a nyelv.angular.copy($scope.arr)
szépen teszi a dolgát, köszönöm!JSON.parse(JSON.stringify($scope.arr))
szintén egy megoldás, bár kevésbé szépEverything that has a beginning... has an end
-
Jim-Y
veterán
Igen, sajnos a tömb és objektum duplikálásra nincsenek szép megoldások. A stringify + parse módszer amit mutattál akkor lehet problémás ha körkörös hivatkozás van a struktúrában, az angular.copy lassú és a elemenkénti másolással dolgozik (asszem). ES6-ban van Object.assign, vagy ott a spread operator, de az meg talán csak 1 mélységig működik. Tömbök másolására ott a .slice(), de az pedig ha a tömb elemei objektumok,mint a te esetedben is, akkor azokat nem másolja le hanem csak a referenciát másolja át. Nem egyszerű na, de hát minden nyelvben vannak kevésbé jó dolgok, így javascriptben is
Amúgy ennek a "problémának" amivel most találkoztál semmi köze a javascripthez a legtöbb nyelv így működik, hogy vannak primitív érték szerinti tipusok és a referencia tipusok. Nincs ez máshogy JS-ben sem, ennyi
-
tick
aktív tag
Csak egy dummy. De a valós projectben sem sokkal durvább. Még csak barátkozom az angularral, a directive részét csak összeollóztam. Nagyon szívesen fogadok bármi javaslatot
Lényegében egy nagy táblázaton dolgozom ami egy api-ból húz ki adatokat. (ng-repeat) Illetve 3 oszlopot lehet is szerkeszteni (ng-model, contenteditable) Majd a végén el is lehet menteni.
Eddig igazából működik is a dolog, az egyik oszlopra próbálok még jquery autocomplete-et varázsolni, jsfiddle-ben működik, élesben nem akar semmit csinálni és errort sem dob
Feltételezem az autocomplete és a directive ütik egymást az eventekkel[ Szerkesztve ]
Everything that has a beginning... has an end
-
Zedz
addikt
Használ itt valaki webpacket?
-
#68216320
törölt tag
Urak, segítség kellene, mivel JS-ben nagyon-nagyon zöldfülű vagyok.
Megpróbáltam a problémát amennyire tudtam leegyszerűsíteni.
Mivel rövid, nem tettem fel pastebin-re.A main.php tartalmaz egy <div> tagot, amibe szeretnék ajax-al 1-1 linkre kattintva megfelelő tartalmat visszaírni egy background.php segítségével.
Ezek a visszaírt tartalmak szintén linkeket tartalmaznak, amik dinamikusan generálódnak, amikre kattintva újabb ajax hívás történne a háttérben.A problémám az, hogy nem tudom hogyan kellene ezeknek a dinamikusan létrehozott, egyedi id-val rendelkező linkeknek a kattintás eseménykezelését megoldani.
Ebben szeretném a segítségeteket kérni.
Egyelőre az első linket kiválasztva szerettem volna a visszaírt linket használni és egy alert()-et megjeleníteni, de itt már elakadtam.main.php
<html lang="hu-HU">
<head>
<meta charset="utf-8" />
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
<link href="style.css" rel="stylesheet" />
<script src="jquery-3.0.0.min.js"></script>
<script src="myjquery.js"></script>
</head>
<body>
<div id="box1">Ide jön(nek) a választott termék(ek)</div>
<div id="box2">
<a href="" id="link1">termék1</a>
<a href="" id="link2">termék2</a>
</div>
</body>
</htmal>background.php
<?php
if( $_GET['id'] == 'link1')
echo 'termék 1<a href="" id="t1">töröl</a>';
elseif( $_GET['id'] == 'link2') {
echo 'termék 2 komponens<a href="" id="t2_1">töröl</a>';
echo '<br />';
echo 'termék 2 komponens<a href="" id="t2_2">töröl</a>';
}
?>myjquery.js
$( document ).ready(function() {
$('#box2 a').on("click", function (e) {
e.preventDefault();
currentId = $(this).attr('id');
$.ajax({url: "background.php?id="+currentId, success: function(result){
$("#box1").html(result);
}});
});
$('#t2').on("click", function (e) {
alert("KATT!");
});
});[ Szerkesztve ]
-
-
válasz #68216320 #6083 üzenetére
Üdv!
Szeretném, ha kapnék egy értesítést a mobilomra, ha új hszek érkeznek egy adott ph topikba, illetve szeretném ezt egy változóban tárolni, hogy pl widgetbe beágyazható legyen. Ehhez Taskert és egy hányaveti JS kódot fabrikáltam, foggal körömmel.
Ki is tudja írni az utolsó hsz-t, viszont a hangulatjelekkel picit gondban vagyok. Mert htmlben szedem le az oldalt, tehát egy szmájli így néz ki '<img src="/dl/s/.*"/ >'. Természetesen a .* helyén az url, egy üres alt="" és maga a hangulatjel nyersen (pl :)) is megtalálható. Namost, nekem az kéne, hogy ha hangulatjel van a hszben, akkor hagyja meg a nyers formáját, de más képeket ne tüntessen el.
Próbáltam replace-szel, de az ha pl van egy hangulatjel és egy kép a szövegben, akkor a köztes részt is lecsippenti.
Hogy tudnám megoldani?
Köszi!
Ui.: arra gondoltam, hogy search-csel rákeresek az első találatra (n = res.search(/<img src="\/dl\/s\/.*/g);
fn = res.length;
cutres = res.slice(n, fn);
n2 = cutres.search(/ \/>/g+n);) és kivágom valahogy a változóból az n-től n2-ig tartó részt, de erre nem találtam parancsot.Ja és sajnos jQuery-t nem tudok használni, csak sima js-t. A tasker elvileg támogatja, de valamiért nem megy...
Eleinte angol billentzuyetet akartam. De aztán megismerkedtem a nagy 'Ő'-vel!
-
-
martonx
veterán
válasz Mr Dini #6085 üzenetére
Talán ha jsfiddle-ben szemléltetnéd a problémád lényegét, akkor lehet lenne valaki aki ránézne. Így most ebből nekem csak annyi jött le, hogy mintha regexp problémád lenne, valami custom cuccal. Így a customsége miatt nem is érdekel tovább a probléma.
Én kérek elnézést!
-
válasz martonx #6086 üzenetére
Hát igen, vannak benne Taskeres részek is. Ezért sem lenne sok értelme jsfiddle-re feltenni, mert úgyse tud lefutni. Szóval inkább feltettem pastebinre, de ha kell felteszem a fiddlere is.
A változók nevében ne keressetek logikát, hajnalban írtam, szóval nem volt fantáziám agyalni a neveken.
Néhány Tasker specifikus rész értelmezése:
readFile - ahogy a neve is mutatja, ki tud olvasni egy fájlt, amit li lehet menteni változóba
global & setGlobal - a Tasker is tud tárolni változókat, ez azért jó, mert a kód lefutása után is megmaradnak. Illetve ezeket tudom használni más Taskeres projektekben is. A global('változó neve') kiovassa a változó neve változót, míg a setGlobal('változó neve', 'érték') pedig berakja a változónak az értéket/másik változót
convert(változó, "htmlToText") - átalakítja a változóban a html formát, szövegre. Tehát a tageket lecsippenti. Sajnos a hangulatjeleket is, ezért kéne előtte feldolgozni a hangulatjeleket szöveggé.
flash(változó) & flashLong('érték') - kiírja egy androidos Toastba az adott értéket/változót. Hasznos pl debuggolásnál.
És a probléma:
A kódnak azt kéne csinálnia, hogy a Tasker/temp/file.html-ben található utolsó hsz-t és szerzőjét vágja ki. Majd a hangulatjeleket alakítsa át szövegesre, végül pedig alakítsa át szöveges formátumba (tehát a html tagek tűnjenek el) és ha van [ Szerkesztve ] a hsz végén, akkor azt is szedje le. Ez mind megy is szépen, ha a hsz tényleg csak hangulatjeleket tartalmaz. Ha van benne más kép is, akkor a hangulatjel és a kép közti részt kivágja. Ez logikus is, de nekem csak a hangulatjel tagjeit kéne kicserélnem. Van erre valami mód, ahelyett, hogy egyenként lereplace-lem az összes létező hangulatjelet, vagy a mostani "megoldás" helyett?
Eleinte angol billentzuyetet akartam. De aztán megismerkedtem a nagy 'Ő'-vel!
-
Sk8erPeter
nagyúr
válasz Mr Dini #6087 üzenetére
A smiley kivágására szolgáló reguláris kifejezés így nem jó, túl megengedő, és érthető, hogy kivágja a többi részt is. Le kell szűkítened olyan módon, hogy ténylegesen csak a smiley-kra illeszkedjen, és konkrétan azt a részt szedd ki, ami neked kell, tehát ami az
alt
attribútumnál meg van adva.Itt van egy példa a smiley-kra szolgáló képre:
<img src="/dl/s/d1.gif" alt=":D">
Ebből neked értelemszerűen az
alt
attribútum értékének megadott:D
kell, idáig Te is eljutottál.Itt egy példa egy jól működő replace-re:
var emoticonImg = '<img src="/dl/s/d1.gif" alt=":D">';
var emoticonText = emoticonImg.replace(/<img src="\/dl\/s\/[^"]+\.gif" alt="([^"]+)">/, "$1");
console.log(emoticonText); // output: :DEzt a reguláris kifejezést persze el kell látnod a megfelelő flagekkel, hogy jól működjön, itt leszűkítettem a lényegre.
Szerk.: a reguláris kifejezésben szereplő
[^"]+
azt jelenti, hogy itt egy vagy több olyan karakternek kell szerepelnie, amely nem egyezik az idézőjellel (").[ Szerkesztve ]
Sk8erPeter
-
válasz Sk8erPeter #6089 üzenetére
Megy! Köszi!
A regex ilyen szinten még nem volt meg, de máris pótolom ezt a hiányosságom! Megvan a mai olvasnivaló.
Eleinte angol billentzuyetet akartam. De aztán megismerkedtem a nagy 'Ő'-vel!
-
topjoyy
tag
Milyen megoldás van arra, hogy, ha rákattintok egy gombra, akkor az a tömbön belül más stílust adjon? Ebben a példában szeretném, ha az új "Lemon" szó ne feketével, hanem mondjuk pirossal jelenjen meg. Hozzáadtam a
fruits.style.color = "red";
, de nem működik.Előre is köszönöm!
<!DOCTYPE html>
<html>
<body>
<p>The push method appends a new element to an array.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.push("Lemon")
fruits.style.color = "red";
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html> -
sztanozs
veterán
válasz topjoyy #6092 üzenetére
Ebből nem tudod megcsinálni ez csak egy egyszerű tömb, nincsenek "tulajdonságai".
Azt tudod csinálni, hogy a tömböt feldarabolod és egyenként berakod egy div-be vagy span-be...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...
-
topjoyy
tag
válasz sztanozs #6093 üzenetére
Így gondoltad? Ez se akar működni.
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<p>The push method appends a new element to an array.</p>
<button onclick="myFunction()">Lemon</button>
<span id="demo"></span>
<script>
var b = ["Banana"];
var o = ["Orange"];
var m = ["Mango"];
document.getElementById("demo").innerHTML = fruits;
function myFunction() {
fruits.push("Lemon")
document.getElementById("demo").innerHTML = fruits;
}
</script>
</body>
</html> -
Jim-Y
veterán
válasz topjoyy #6092 üzenetére
Szia, ez így több sebből is vérzik. Kezdem az elejéről.
- Oké, hogy valami online tutorialt követsz, de inline esemény kezelőket használni már 5 éve is deprecated volt. Adj egy id-t a gombnak és aggassz rá megfelelő eseményvezérlőt.
- ne innerHTML-el szúrd be az elemeket, hanem csinálj mindegyiknek egy container-t így később egyszerűbb lesz stílusokkal ellátni őket
Csináltam egy példát és adtam commenteket is. Lehet sokkal töb kódból lett megoldva a probléma de legalább nem deprecated technikákat használ: https://jsfiddle.net/fwuyLec8/
Megj: a te példáddal csak úgy simán nem lehet megoldani a stílust, mindenképp kell egy DOM elem ami tartalmazza a tömb egy aktuális elemét, és arra a DOM elemere már lehet stílust tenni.
[ Szerkesztve ]
-
topjoyy
tag
"- Oké, hogy valami online tutorialt követsz, de inline esemény kezelőket használni már 5 éve is deprecated volt. Adj egy id-t a gombnak és aggassz rá megfelelő eseményvezérlőt."
Valójában én a w3schools-ról tanulok, de ha azt mondod, hogy elavult az a módszer, akkor megnéznék más oldalt is.
"Megj: a te példáddal csak úgy simán nem lehet megoldani a stílust, mindenképp kell egy DOM elem ami tartalmazza a tömb egy aktuális elemét, és arra a DOM elemere már lehet stílust tenni."
Mit kell tudnom a DOM-ról?
[ Szerkesztve ]
-
Jim-Y
veterán
válasz topjoyy #6096 üzenetére
A w3schools még nemrégiben az egyik lehető legrosszabb tanulási forrásnak számított -> http://www.w3fools.com/. Ha tanulni szeretnél megannyi forrásból választhatsz,
Kezdésnek ezt olvasd el: http://shamansir.github.io/JavaScript-Garden/en/
Majd ezt: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript?redirectlocale=en-US&redirectslug=JavaScript%2FA_re-introduction_to_JavaScript
Ha ezen túl vagy akkor meg: http://javascriptissexy.com/how-to-learn-javascript-properly/Ha követed itt amiket minden héten ajánl: codecademy meg hasonlók akkor egy nagyon átfogó tudást szerezhetsz Javascriptből.
HTML + DOM: https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction
CSS: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started
-
Jim-Y
veterán
Lejárt:
Ezekről kéne tudni, hogy mit jelentenek
ES5 Array methods
Closure
Events / Event handling
bind
Callback
Error first style
Callback hell
Promises / Deferreds
IIFE
editorconfig, jshint, strict mode
js unit testing, jasmine, karma
== vs ===
automatic type coercion
typeof, {}.prototype.toString
prototypal inheritance, mixin inheritance
apply, call vagy ES6 -> restparams, spread op.
passing a function object as a reference to another function -> event handlers
ajax
localStorage, sessionStorage
devTools
data-bindingCsak ismerni:
frameworks (Angular, Ember, Backbone, React+Flux, Meteor)
isomorphism[ Szerkesztve ]
Új hozzászólás Aktív témák
- EA Sports WRC '23
- PLC programozás
- Konkrét moderációval kapcsolatos kérdések
- ASUS routerek
- Xbox Series X|S
- Bestbuy játékok
- Kínai, és egyéb olcsó órák topikja
- Dragon Age: Origins
- Trollok komolyan
- Sub-ZeRo: Euro Truck Simulator 2 & American Truck Simulator 1 (esetleg 2 majd, ha lesz) :)
- További aktív témák...
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen