- Megbírságolták a Razert a Zephyr maszkok miatt
- Milyen notebookot vegyek?
- HiFi műszaki szemmel - sztereó hangrendszerek
- AMD Ryzen 9 / 7 / 5 / 3 5***(X) "Zen 3" (AM4)
- Az Apple megszerezné a klubvilágbajnokság közvetítési jogait
- Azonnali VGA-s kérdések órája
- SSD kibeszélő
- NVIDIA GeForce RTX 4080 /4080S / 4090 (AD103 / 102)
- Modern monitorokra köthető 3dfx Voodoo kártya a fészerből
- NVIDIA GeForce RTX 3060 Ti / 3070 / 3070 Ti (GA104)
Hirdetés
-
AMD Radeon undervolt/overclock
lo Minden egy hideg, téli estén kezdődött, mikor rájöttem, hogy már kicsit kevés az RTX2060...
-
Free Play Days 2024 - 18. hét: Headbangers: Rythm Royale
gp Extraként a Star Wars Jedi: Survort is kipróbálhatjuk 5 óra erejéig.
-
Képeken az egyik kameráját elvesztő Sony Xperia 10 VI
ma Részletes anyag került fel az internetre a Sony idei középkategóriás telefonjáról, három helyett két hátlapi kamera várható.
-
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
-
Aureal
senior tag
Üdv!
Egy tömbnek hogy lehet lekérni több eltérő indexű elemét? Így próbáltam, nem működik:document.getElementById("példa").innerHTML = tömb[0, 5, 8];
Kösz!
-
Aureal
senior tag
válasz Sk8erPeter #4902 üzenetére
Nem a cél a lényeg hanem a kérdés szerintem , de akkor leírom...
Van egy tömböm, pl.: [alma, körte, szilva, meggy] és nem a teljes tömböt akarom kiíratni, hanem csak meghatározott elemeit, de azokat egyszerre! Pl. minden páratlan v. páros számút v. tök mindegy pl. a gömbszerű tulajdonságú gyümölcsöket stb. Vagy itt külön változókba emeljem inkább a tömb elemeit és azzal már szabadon tudok sakkozni? De akkor mi értelme a tömbnek?
[ Szerkesztve ]
-
martonx
veterán
"Nem a cél a lényeg hanem a kérdés szerintem"
Mivel butaságot kérdeztél, ezért próbált volna sk8erpeter a dolog mélyre látni
Általában sokan vannak, akik valami jól bevált egyszerű dolgot próbálnának megoldani valami kifacsart módon. És ez nem szokott nekik összejönni, és ilyenkor jönnek a tiedhez hasonló béna kérdések. Ellenben ha azt kérdeznék meg, hogy az alap problémát hogy lehetne jól megoldani, akkor egy feles kör megspórolható lenne."De akkor mi értelme a tömbnek?"
Senki se tiltja, hogy utána olvass, hogy mi értelme egy tömbnek.Ha össze akarsz fűzni tömbből elemeket, akkor azt kb. valahogy így kell:
var result = myArray[0] + myArray[2] + myArray[4];
Én kérek elnézést!
-
-
Aureal
senior tag
válasz martonx #4904 üzenetére
Köszönöm! Az utolsó sorod lett volna a lényeg.
Ami a többit illeti: jónéhányszor próbáltam megfejteni mi értelme van vagy pontosabban mikor illik tömböt vagy változókat használni, ill. az alap funkciójukkal tisztában vagyok, nem is értem minél fogva gondolod hogy nem néztem utána, hisz már csak a beillesztett kódrészletemből láthatod hogy foglalkoztam vele, nem azzal kezdtem hogy nyafogok miért nem csinálja meg más helyettem. (a tipikus "ha van rajta sapka azér, ha nincs meg azér" hozzáállást kezdted tükrözni... mindegy!)
A kérdésem világos volt, nem butaság, meg lehet tökéletesen érteni mire voltam kíváncsi. Az hogy épp mi a célfeladat, akkor érdemes kitárgyalni, ha az a konkrétum. Jelenleg csak gyakorolgatok a tömbökkel. Amit te pedzegetsz, hogy mit milyen technológiával vagy módszerrel érdemesebb megoldani, szintén egy következő, haladó fejezet. Pl. van aki azt mondja, sokkal jobb lenne jqueryvel próbálkozni inkább, mert jobb, gyorsabb, több lehetőséget ad a javascriptnél. Én nem webtervezek, csak egyszerűbb dolgok kapcsán nézegetem ezt a kódnyelvet, külön bocsánat érte! -
martonx
veterán
válasz fordfairlane #4905 üzenetére
Ez igaz, de ott volt a példája, a példa tömbjével, amiben alma, körte stb szerepeltek.
Én kérek elnézést!
-
martonx
veterán
Megkérdezted, hogy mi értelme a tömbnek, plusz az egész kérdés feltevésedből érződik, hogy szintaxis szinten felfogtad, hogy van ilyen, hogy tömb, de marhára nem vágod, hogy mire való. Úgyhogy nyugodtan olvass még tovább ez ügyben, illetve gyakorolj
Már a tömbökkel gyakorlgatásodon is látszik ez, mivel pont hülyeséget gyakorolsz rajtuk. Gyakorold azt, hogy egy tömbben lévő elemeket hogy rendezel sorba, vagy hogy adod őket össze, ne pedig azt, hogy minden X-edikkel akarsz csak csinálni valamit, mert ez hülyeség, nem erre valóak a tömbök.
Ezt próbáltam volna pedzegetni, nem pedig azt, amit beleláttál a hszembe. Abszolút nem vagyok nagy barátja a jquery-nek, maximálisan támogatom, ha valaki plain js-el kezd el foglalkozni, nem pedig rögtön jquery-vel.Én kérek elnézést!
-
Jim-Y
veterán
Ezt igy tombokkel nem tudod megcsinalni, de irhatsz ra egy fuggvenyt.
function take(arr, ...indices) {
return indices.reduce(function(accumulator, curr) {
var item = arr[curr];
if (item) {
accumulator.push(item);
}
return accumulator;
}, []);
}
console.log(take(['alma', 'korte', 'szilva'], 0, 2, 4).join()); "alma,szilva"Vagy jatszhatsz az ES6 destructuring args-al -> http://www.2ality.com/2015/01/es6-destructuring.html
[ Szerkesztve ]
-
Jim-Y
veterán
if (item) helyett if (item !== void 0) inkabb. Sorry
Illetve, ha ES5 a target, akkor
function take(arr) {
var indices = [].slice.call(arguments, 1);
return indices.reduce(function (accumulator, curr) {
var item = arr[curr];
if (item !== void 0) {
accumulator.push(item);
}
return accumulator;
}, []);
}[ Szerkesztve ]
-
Aureal
senior tag
válasz martonx #4908 üzenetére
Ok! Akkor szakadjunk el az "első számtech óra az oskolában" tip. példáktól. Ez most jutott eszembe és hasonlóan tömbökkel való ügykezelés módszerével oldanám meg.
Van tehát egy km hosszú url-em és szeretném a / jelek mentén splittelni, majd a 3. / jelig kiíratni az elejét, pl. így: http://valami.com/
Na ezt hogy hoznád össze tömbbel, mert a / jeleket a split eleve törli? Más metódus meg nem jó rá ahogy nézem, pl. a slice sem.[ Szerkesztve ]
-
-
fordfairlane
veterán
válasz Cathfaern #4914 üzenetére
Oké, igazából nem array (tömb), hanem object, de igazából egy kezdő számára hasonló fogalom a kettő. Illetve ha mondjuk php-s háttérrel jött, akkor meg főleg nem érzi a különbséget.
Mondjuk ezt nem tartom igazán jó dolognak, elvégre két különböző fogalomról van szó. Nem mindegy, hogy adatok halmazáról vagy adatkompozícióról van szó.
[ Szerkesztve ]
x gon' give it to ya
-
Cathfaern
nagyúr
válasz fordfairlane #4915 üzenetére
Persze nem jó dolog, de ha arról beszélünk, hogy egyáltalán a "tömb" (nem mint javascript, hanem mint programozási fogalom) mire jó, akkor szerintem kár ilyen mélységekbe belemenni.
-
fordfairlane
veterán
válasz Cathfaern #4916 üzenetére
A tömb, mint programozási fogalom egyáltalán nem passzol a javascript objektum fogalmába. Az objektum nem arra való, hogy egyforma elemek halmazát tárolja, éppen ezért van külön Array. Attól, mert PHP-ben elmosódik a határ, egyáltalán nem jelenti azt, hogy ez jó gyakorlat. Ilyenkor jönnek elő az olyan problémák, hogy pl. valaki javascriptben for ... in-nel akar végigjárni a tömböt, ami problémákat okozhat.
x gon' give it to ya
-
Cathfaern
nagyúr
válasz fordfairlane #4917 üzenetére
Az asszociatív tömb (associative array) programozás elméleti fogalom, nem csak PHP-ban létezik: [link]. Az, hogy elég sok népszerű nyelvben nincs asszociatív tömb, már egy külön történet.
-
fordfairlane
veterán
válasz Cathfaern #4918 üzenetére
Nem véletlen, hogy sok programnyelvben nincs ilyen, mert ott igyekeztek másnak nevezni, külön típusként kezelni, mivel az elnevezés megtévesztő.
Részemről befejeztem. Mindenki úgy kavarja az Array-t az Objecttel, ahogy neki jól esik. Elvégre egy változó lehet akármi.
[ Szerkesztve ]
x gon' give it to ya
-
adam_
senior tag
https://jsfiddle.net/8ndwnb2b/
A linkelt Fiddle példámban szeretném elérni, hogy amikor látogató megnyitja a honlapot, akkor a css: hover effekt automatikusan végigmenjen az összes csíkon, mintha odaérintette volna a kurzort. Szóval nem csak úgy szeretném a csíkok transzformációját, amikor a látogató manuálisan odaviszi a kurzort felé, hanem már akkor is amikor betöltődik az oldal, és a látogató még nem csinált semmit sem. Akkor menjen végbe a transzformáció az összes csíkon egyszer.. majd álljon vissza eredeti poziciójába.Írtam Fiddleben egy próbálkozást JQueryben, nem is fut , viszont úgy tudom lehetőség van rá, hogy JS segítségével megoldható, hogy "szimulálja" a hover effektet, mintha felettük lenne az egérkurzor, holott a valóságban nincs. Úgy tudom, ez click eventtel simán megy, hoverrel is lehetséges? Vagy teljesen másképp kellene megoldani?
Előre is köszönöm a válaszokat,
Ádám
-
D4nY
csendes tag
Sziasztok!
Nem vagyok programozó. Nagy nehezen több óra alatt és keresgélés által megírtam, hogy a embedelt youtube videó végét érzékelje az oldal és felugorjon egy doboz ahol megosztási lehetőséget szeretnék felajánlani de keresgélek és úgy látom js-ben alerten kivül más nem nagyon van erre vagy nem találom.
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.ENDED) {
alert('Tetszett a videó?');
}
}alert helyére szeretném megoldani egy szép dizájnos dobozt, facebook, twitter gombokkal.
Hogy tudnám ezt megoldani? Fizetnék is érte ha szükséges. Szerintem egy hozzáértőnek pár sor, max 10 perc. HTML/CSS -ben meg tudnám csinálni de ugye azt nem támogatja így. -
Sk8erPeter
nagyúr
Ez nagyon egyszerű, a :hover részhez még hozzáadsz egy osztályt is, amire ugyanezek a tulajdonságok érvényesek (vesszővel elválasztva, pl. .skill_line:hover, .skill_line_hovered { /*...*/ }, itt a skill_line_hovered osztály az új), majd ezt az osztályt hozzáadod JavaScripttel, ettől elindul az animáció, majd leveszed az osztályt, amikor azt szeretnéd, hogy visszacsússzon eredeti állapotába.
Tessék:
https://jsfiddle.net/8ndwnb2b/1/Amúgy volt egy csöpp hiba a CSS-kódodban:
-webkit-transition: width 2s;
For Safari 3.1 to 6.0 -ms-transition: width 2s;
Ez a For Safari 3.1 to 6.0 nyilván komment akart lenni, de nem működő kód lett belőle.Az eredeti JS-kódban a scrollozással kapcsolatos résznek meg nem sok értelme volt.
(#4924) D4nY:
Itt van egy nagyon egyszerű dialógusablakot felpattintó kód a jQuery UI felhasználásával:
http://jqueryui.com/dialog/#modal-confirmation
Ha elakadsz, segítünk.Sk8erPeter
-
adam_
senior tag
válasz Sk8erPeter #4927 üzenetére
-
PumpkinSeed
addikt
Mi a különbség aközött, hogy objektumot csinálok vagy prototípust? Mert látszólag ugyan az a funkciója mind a kettőnek.
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
martonx
veterán
válasz PumpkinSeed #4930 üzenetére
He??? A kettő abszolút két különböző dolog. Mit értesz az alatt, hogy látszólag ugyanaz a funkciójuk?
Én kérek elnézést!
-
Jim-Y
veterán
válasz PumpkinSeed #4930 üzenetére
Nem lehet, hogy te kevered a fogalmakat? Nem a constructor function vs. object literal-ra gondolsz inkabb?
Constructor function:
function Animal(name) {
this.name = name;
}
var monkey = new Animal('Charlie');vs.
var monkey = {
name: 'Charlie'
};A prototype az mas. A javascript prototipusos oroklodesen alapulo nyelv. [link] [link]
-
sanyixXx
senior tag
sziasztok,
van nekem egy egy lapos odalam, ahol betöltéskor lefuttatnék egy prompt for name scriptet. eddig még megvagyok. hurrá
var name = prompt("mi a neved?");
de szeretném egy fileban logolni ezeket a neveket. szép sorban, időrendben. ezt hogyan tudom megvalósítani? txt vagy csv file lenne a nyerő, adatbázishoz nem értek sajnos, így abbe az irányba nem indulnék el.
nagy köszi előre is!
Rumot minden pohárba! | https://rumnagykovet.hu/
-
PumpkinSeed
addikt
válasz martonx #4931 üzenetére
w3schools-ról tanít a tanár, és ott a prototípus ez (csakhogy Jim-Y példájával éljek):
function Animal(name) {
this.name = name;
}(#4932) Jim-Y
Akkor az egyetemi tanár is keveri.
Amúgy de ezekről van szó, csak ha fentebb olvasol akkor megvan a keverés indoka.
Ezeket meg elolvasgatom. Köszönöm.
[ Szerkesztve ]
"Akinek elég bátorsága és türelme van ahhoz, hogy egész életében a sötétségbe nézzen, elsőként fogja meglátni benne a fény felvillanását." - Kán
-
Jim-Y
veterán
válasz PumpkinSeed #4935 üzenetére
W3schools-rol szerintem meg tovabbra sem erdemes tanulni. Korabban meg ennyire sem volt erdemes mint most -> http://www.w3fools.com/
De ezek szerint azota sem lett sokkal jobb. Lehet azota nem tanitanak hulyeseget, de azt legalabb jol sem
Egyreszt a ezeket constructor function-oknek szokas nevezni, masreszt pont a megkulonboztetes vegett nagybetuvel szokas irni, mint mas nyelveknel az osztalyokat. Ugye-ugye w3schools a function person -nal
Szoval azt ajanlom, hogy gyorsan felejtsd el ezt az oldalt mivel vannak nala sokkal jobb oldalak ahonnan tanulni lehetne.
megj: mar csak azert sem jo szerintem a constructor function-t prototype-nak nevezni, mert igy siman osszekeverheto az object inner prototype fieldjevel, amin az egesz prototipusos oroklodes alapszik :/
[ Szerkesztve ]
-
Jim-Y
veterán
Ezer ilyen van a neten, de ha mar szorakoztam vele egy kicsit, akkor leirom
function Animal(breed) {
this.breed = breed;
}
function Monkey(name) {
Animal.call(this, 'mammal');
this.name = name;
}
Monkey.prototype = new Animal();
Monkey.prototype.constructor = Monkey;
var charlie = new Monkey('Charlie');
console.log(charlie.name, charlie.breed); //"Charlie" "mammal"
console.log(charlie instanceof Animal); // true
console.log(charlie instanceof Monkey); // trueEloszor csinalunk egy Animal constructor function-t (hivjuk osztalynak). Az animal osztaly nem csinal mast, csak letrehozhatunk belole a new kulcsszoval olyan objektumokat amiknek beallithatjuk a breed propertijet valamire.
Utana letrehozunk egy Monkey osztalyt amivel szinten uj objektumokat tudunk gyartani majd, amiknek nevet adhatunk. Mivel elore tudjuk, hogy minden Monkey objektum egyben egy Animal is, vagyis minden majom egy allat, ezert tudjuk, hogy a Majom osztalyt az Allat osztalybol kell majd orokoltetni. Azt is tudjuk, hogy minden majom fajtaja emlos lesz, ezert ezt mixin inheritance-el allitjuk be. Animal.call(this, 'mammal')
Monkey.prototype = new Animal();
Monkey.prototype.constructor = Monkey;A fenti ket sor szolgal arra, hogy egy is-a relaciot tudjunk felallitani a Monkey es az Animal osztaly kozott.
A mixin iheritance es a sima kozott az a kulonbseg, hogy az elobbi esetben lemasoljuk a szulo osztaly mezoit es azokat mint sajatokat hasznaljuk. Elobbi esetben explicit nem masoljuk at a propertiket, hanem referenciaval valo ramutataskor visszakeressuk oket a prototype chainben.
klasszikus eset:
============function Animal(breed) { this.breed = breed; }
function Monkey(name) { this.name = name; }
Monkey.prototype = new Animal('mammal');
Monkey.prototype.constructor = Monkey;
< var george = new Monkey('George');
> undefined
< george.breed
> "mammal"
< george
> Object { name: "George" }Ekkor azt varjuk, hogy a george objektum protipusa a Monkey prototipusara fog mutatni, aminek a prototipusa az Animal prototipusara, aminek a belso prototipusa az Object prototipusara aminek a prototipusa viszont mar nem fog masra mutatni. Ez az ugynevezett prototype chain.
< george.__proto__.__proto__.__proto__ === new Object().__proto__
> trueAz oroklodes itt JavaScriptben ugy mukodik, hogy ha leirsz egy olyat, hogy george.breed akkor eloszor megnezi a runtime, hogy a george objektumban van-e breed nevu mezo, ha van akkor visszaadja az erteket, ha nincs akkor megnezi hogy a george prototipusa mire mutat es ott is elkezd keresni. Egeszen addig visszamegy a prototype chainben amig null-hoz nem er. Ha nem talalja meg, akkor undefined-al ter vissza.
< george.gender
> undefinedUgyanigy mukodik a metoduskra valo "kereses".
< Object.prototype.dummyMethod = function() { return 'dummy'; };
> function Object.prototype.dummyMethod()
< Object.dummyMethod()
> "dummy"[ Szerkesztve ]
-
-
Tibcsi55555
tag
Sziasztok,
Segítséget szeretnék kérni hogy hogyan tudok olyat készíteni egy weblapon hogy egy pop-up window-ban egy kép jelenjen meg hover text alatt ? Vagyis ha ráhúzom az egeret a szövegre, akkor egy kis ablakban jelenjen meg egy kép. Viszont ez az ablak ne törje szét az oldalt, vagyis valami féle popup legyen.
Próbálkozom sok mindennel, de egyszerűen nem sikerül.
Üdv, -
martonx
veterán
válasz Tibcsi55555 #4939 üzenetére
Kicsit konkrétabban, netán példákkal alátámasztva? Maga a probléma egyébként elég egyszerűen megoldható mondjuk egy jó magas z-index-ű, abszolút középre pozícionált ablakkal, aminek a display-ét dinamikusan változtatod a hovernek megfelelően.
Én kérek elnézést!
-
fordfairlane
veterán
-
Tibcsi55555
tag
Köszi, de valamiért nem jön össze. Nem vagyok egy HTML/CSS/JS guru
Csak most tanulok bele, viszont egy olyan feladatot adtak nekem, ezért szeretném megoldani valahogy.
Példáknak találtam már régebben http://www.scientificpsychic.com/etc/css-mouseover.html ; http://www.nicolashoening.de/?twocents&nr=8 , de egyszerűen nekem nem működik a mouseover funkció.Esetleg egy nagyon egyszerű kódot írnátok nekem ?
Köszi
[ Szerkesztve ]
-
Sk8erPeter
nagyúr
válasz Tibcsi55555 #4942 üzenetére
Most ezt nem értem, a konkrét példa, amit fordfairlane belinkelt, az miért nem jó? Az egy nagyon egyszerű kód, csak annyit kell tenned hozzá, hogy működjön az oldaladon, hogy a jQuery-t és a jQuery UI-t behúzod, aztán a selectorokat kicseréled a sajátjaidra, és kész vagy.
Sk8erPeter
-
Tibcsi55555
tag
válasz Sk8erPeter #4943 üzenetére
Bocs, hogy értetlenkedek, a példa, ami fordfairline linkelt, nagyon jó, csak nem tudom hogy pontosan mit másoljak és milyen sorrendben.
Két szeparált frame-t látok, az egyikben a div parancs van,a másikban a kód. -
Sk8erPeter
nagyúr
válasz Tibcsi55555 #4944 üzenetére
Ja, hát igen, jsFiddle-nél ez szándékos, hogy az egyes kódok jól elkülönüljenek.
Ebből lehet kiindulni, ez alapján készítettem neked egy egy az egyben kimásolható példát, itt akár online játszhatsz is vele, átírhatod a kódot, és meglátod, mi történik vele:
http://jsbin.com/fujoluyugu/1/editVidd az egeredet a linkek fölé. A linkeket hasonló módon készítsd el a saját oldaladon, ahogy itt mutattam, a lényeg, hogy a data-tooltip-img attribútum értéke az legyen, ami a kép közvetlen linkje. Remélem, így már el fogsz tudni indulni.
Sk8erPeter
-
Jim-Y
veterán
-
Tibcsi55555
tag
válasz Sk8erPeter #4945 üzenetére
Nagyon nagyon köszi a segítséget, hatalmas előre lépés így ez most nekem
Egy dolgot szeretnék még kérdezni, hogy a felsorolás miatt megjelennek a pontok a lista elején.
Esetleg lehet olyan csinálni szerinted hogy a 2 linket egy táblázatba betenni ?
<table> </table> -re gondolok. Így szépen egymás mellett lenne a két link.Köszi
Új hozzászólás Aktív témák
- Triangle Heliade Es hangfalpár
- Apple iPhone 14 128gb Midnight + Garancia
- Apple iPhone 12 Pro Max, Pacific Blue, 128Gb, független 86% akku
- Szuper Akció:Igényeseknek-Exkluziv-12Genes-Core i7-Dell Latitude 5430-Harmad áron-garival!!!
- Western Digital 6TB NasWare 3.0 WD60EFRX-68l0bn1 keveset használt eladó.
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: Ozeki Kft.
Város: Debrecen