Hirdetés
- Honor 600 – kezes, kitartó, költséges
- EU: senki ne használjon Huawei és ZTE hálózati berendezéseket!
- Samsung Galaxy A37 – régi ismerős új formában
- Huawei P10 - pisztácia nem is volt
- Xiaomi 15 - kicsi telefon nagy energiával
- Az AI átformálja a Peugeot modelljeit is
- Samsung Galaxy A56 - megbízható középszerűség
- Vivo X300 Pro – messzebbre lát, mint ameddig bírja
- Samsung Galaxy S26 Ultra - fontossági sorrend
- Telekom mobilszolgáltatások
-
Mobilarena
Mobilarena
Új hozzászólás Aktív témák
-
Jim-Y
veterán
Multkor írtam az egyik topikba, hogy elég sok task runner van ma már a JavaScriptes világban, Grunt, Gulp, Broccoli, stb.. és egy lapon említettem ezeket az npm-el. A legutóbbi itthoni kis projektemnél már én sem használtam Grunt-ot, hanem egy az egyben az npm-re támaszkodtam, és, hogy őszinte legyek tényleg elég bíztató. Örvendetes, hogy egy csomó felesleges dependency-t és boilerplatet meg tudok vele spórolni. Kérdés, hogy meddig tartható fent ez az állapot, ha egy bizonyos méretet meghalad a projekt, akkor lehet, hogy már ez is átláthatatlan lesz, és valami más megoldást kell keresni. Illetve, amire nem sikerült megoldást találnom, hogy hogyan tudnék task streameket felállítani ezzel a módszerrel? Nevén nevezve, ha elindítok egy watchify taskot akkor hogyan tudok erre szubszekvens eseményeket definiálni?
Ebben a témában most olvastam egy jó cikket és ez ösztönzött, hogy írjak, csak meg akarom osztani a linket
Why we should stop using Grunt & GulpA szerző ezt írja a cikk végén:
In my next post, I'll be detailing the ins and outs of npm and how to use it effectively, showing how you can have an extendable config, multiple tasks, streaming tasks, and more.
Úgyhogy én nagyon várom a folytatást.
Üdv
-
martonx
veterán
bevallom sose próbáltam, csak kértél egy példát
-
Sk8erPeter
nagyúr
Ja tényleg, az is az
, használtam felhasználóként egyszerű letöltögetésekre, meg tárgyinfók megnézésére (mondjuk amennyi Moodle-felületet eddig láttam, szerintem elég béna, bár az mellékes), de amúgy a fenti feladat megoldására milyen lehet fejlesztői oldalról? Simán össze tudsz dobni ilyen kérdezz-feleleket egyszerű grafikus felületen, úgy, hogy még akár az is lazán megoldja ezt a feladatot, akinek amúgy a webfejlesztéshez sok köze nincs? Sosem láttam még fejlesztői oldalról, de gondolom megoldották ezt a részt is normálisan. -
martonx
veterán
-
Sk8erPeter
nagyúr
Hát abban a formában, ahogy írtad, ennek ellenkezője volt, legalábbis nem lehetett kihámozni belőle az utolsó bekezdésedben írtakat.
"Az autentikáció miatt pedig kell(ene) majd
* vagy valami szerver oldali dolog
* vagy kliens oldali javascript
* vagy mindkettő"
Ez azt jelentené, hogy lehet választani, pedig itt nagyon nincs vagy-kapcsolat, hanem csakis és-kapcsolat lehet a kettő között, tehát kizárólag az utolsó opció (mindkettő) játszik.(#4595) martonx:
Hát biztos vannak ilyenek, nem ismerem őket. Pölö tudsz ilyet? -
martonx
veterán
-
Jim-Y
veterán
Hmm, igen, akkor lehet, hogy abszolút félre értettem, .. rollback... :/
"Amúgy ha már új megközelítésről beszélünk, akkor a kliensoldali JavaScript-kód nem tudom, hogy jön az autentikációhoz (szerk.: értsd: ha már újonnan elkészítjük, ne tudják már megnézni a jelszót a forráskód böngészésével... írta, hogy ha már valaki ilyet is tud, akkor megérdemli azon a tanfolyamon az 5-öst, de azértmárna)."
Ezt nem értem.. még a szerkesztéssel együtt sem
Mármint... honnan szedted a kliens oldali JavaScript <--> autentikáció párhuzamot ?Jaaa, oké..nem vagyok a topon mostanában
Amit írtam úgy értettem, hogy ha már kell autentikáció, akkor nyílván van mögötte valami szerver oldal (adatbázis, fájl, akármi), ha ez így van, akkor vagy kell egy szerver oldali nyelv amivel generáljuk az oldalt ~ tesztet. PHP, JSF, egyéb... vagy JS+AJAX(REST). Ez utóbbit értettem a kliens oldali javascript alatt. -
Sk8erPeter
nagyúr
-
Nekem minimális tapasztalatom van vele. Pont egy hasonlóan bagatell feladat miatt, ahol nem akartam saját REST-et felhúzni a backend fölé.
Szerintem tanulási céllal, vagy ha nem a backenden van a hangsúly, akkor nagyon jó. Van egy online könnyen kezelhető backended, és hozzá egy csomó REST endpointod, így megúszol egy csomó melót. BaaS.
Saját interfésszel rendelkezik, de az is elég egyszerű. Az erőforrásokat egy url azonosítja. Pl nálam
var Firebase = require('firebase');
module.exports.REFS = {
ROOT: new Firebase('https://***.firebaseio.com'),
BOOKS: new Firebase('https://***.firebaseio.com/books'),
USERS: new Firebase('https://***.firebaseio.com/users'),
CATEGORIES: new Firebase('https://***.firebaseio.com/categories')
};Majd ezeket queryzni is egyszerű:
function _loadBooks(dfd) {
REFS.BOOKS.once('value',
_processBookResults.bind(null, dfd),
_handleError.bind(null, dfd)
);
}Itt a books az egy JSON tömb, ha ezen belül akarsz módosítani valamit, akkor nem kell ahhoz külön még egy referencia (url), hanem
var bookRef = REFS.BOOKS.child(bookIndex)
Ezzel a kóddal megszereztünk egy referenciát a JSON tömb x. elemére ami egy book lesz, és például ezt updatelni is egyszerű:
bookRef.update({
borrower: userModel.get('id')
});Szóval, nem sokat foglalkoztam vele eddig, de hallottam róla egy podcastban és ott pont kezdőknek és otthoni projekteknek ajánlották, így gondoltam kipróbálom és tényleg nem rossz, HA az ember helyén tudja kezelni, hogy mire való
-
Húha, ezek szerint sokkal rosszabb hangvételúre sikerült a hozzászólás, mint ahogy terveztem, sorry. Lehet kevés volt a smiley, vagy csak jobban kellett volna fogalmazni. No a lényeg, hogy szerintem sokkal gyorsabban elértétek volna az eredményt ha máshogy közelítitek meg a problémát. Ha a wordben írt teszt, emailben való elküldése után, azt a diákok simán kitöltve visszaküldik, a tanár értékeli, akkor minden rendben van. A word helytálló eszköz a feladathoz. Ha most közben kitalálja, hogy jelszóval védeni kéne, meg még a diákoknak bejelentkezni, meg még azt is kivédeni, hogy ne tudjanak 'brute force'-olni, akkor már nem a word-ös témát kéne erőltetni, hanem túl kéne nézni az addig rendesen helytálló eszközön és oly módon megoldani a problémát, amivel azt gyorsan, és hajtépésmentesen meg lehet oldani. És ezt most sem kioktató szándékkal, vagy máshogy rosszallóan írom, hanem csak úgy F.Y.I
Egy ilyen online tesztet HTML-ben kéne megírni. Az autentikáció miatt pedig kell(ene) majd
* vagy valami szerver oldali dolog
* vagy kliens oldali javascript
* vagy mindkettőEz egy tapasztaltabb embernek (akitől segítséget tudtok kérni) pár órás feladat.
Lehet, hogy jelenleg úgy tűnik, hogy ágyúval verébre, mivel a Word doksi már megvan... de ki tudja, hogy egyáltaláb abban az igényeket meg lehet-e oldani vagy sem.
Üdv
-
Sk8erPeter
nagyúr
Szerintem meg most elég felesleges volt a nekiesés, nyilván nem vágja a témát, így gondolom nem is próbálja magától megcsinálni. Lehet, hogy nem tartana sokáig elmagyarázni neki, mi a pálya a kóddal, hogy lehet működésre bírni a tákolmányt, ha lenne említésre méltó szabadidőm, akkor még meg is kukkantanám ingyé' is, de most nem alkalmas. Mondjuk azt is megértem, hogy ezer éve készült kódok további tákolásában nem nagyon akarnak asszisztálni a zzemberkék.
-
Karma
félisten
-
fordfairlane
veterán
-
Speeedfire
félisten
Köszi!
-
dqdb
nagyúr
-
Speeedfire
félisten
Projekttől függ, hogy mennyien dolgozunk rajta. De se nekem, se munkatársamnak nincs ie-je (mac, linux). Általában ami chrome alatt fut az fut FF alatt is. A hét tanulsága, hogy k*rvára nem. Ez a szabványrendszer lehetne egy kicsit jobb, keresztplatform ide vagy oda...
Mindegy, ezek után FF alatt is megnézem a kódomat.
-
Sk8erPeter
nagyúr
-
Sk8erPeter
nagyúr
Ennyi alapján úgy tűnik, tényleg kellene szerver és extra jogosultságok ahhoz, amit szeretnél csinálni, de az is igaz, hogy az eddig általad leírtak alapján egyáltalán nem érthető, mit szeretnél csinálni.
Talán ha leírnád normálisan, tudnánk segíteni. Vagy nem. -
martonx
veterán
-
Speeedfire
félisten
Ez a gond, hogy az egységsugarú fejlesztő sem tudta ezt.
Ez van, mindig tanulok valamit. Chrome alatt szoktam fejleszteni és FF alatt ezeket nem próbálom ki, még jó, hogy a tesztelő csapat elkapta a hibát és nem ment ki a prod szerverre. -
martonx
veterán
"Ahol ez a dátum bekérés van az üzleti igény az volt, hogy ebben a formában kell bekérni a felhasználó születési idejét. Gondoltam, akkor egyből elfogadja így."
Bocs, ezen felröhögtem. Mert az egységsugarú megrendelő nyilván tisztában van vele, hogy a különböző böngézők mit tudnak, és mit nem...
![;]](//cdn.rios.hu/dl/s/v1.gif)
-
Speeedfire
félisten
Ahol ez a dátum bekérés van az üzleti igény az volt, hogy ebben a formában kell bekérni a felhasználó születési idejét. Gondoltam, akkor egyből elfogadja így. Mindegy a fenti módszerrel már megette.
Szerk.: Első körben én is a megszokott "-" jellel akartam bekérni.
-
Sk8erPeter
nagyúr
-
Speeedfire
félisten
-
Hát.. én efölött a rém gyenge próbálkozás fölött guggolok már jó pár órája, hogy rájöjjek, hogy lehet a jelszavas védelmet bekapcsolni az előző hozzászólásomban linkelt javascript alapú tesztben.
Pedig benne van, csak a 0 js tudás, kicsit kevés hozzá.De azért köszönöm szépen a választ!
-
fordfairlane
veterán
-
Speeedfire
félisten
Miért lehet, hogy Chrome alatt megy, de FF alatt nem? [link]
-
Vannak online elerheto konyvek, probalom ugy linkelni, amilyen sorrendben en olvasnam oket:
http://speakingjs.com/
https://github.com/getify/You-Dont-Know-JS
http://eloquentjavascript.net/
http://addyosmani.com/resources/essentialjsdesignpatterns/book/
https://leanpub.com/understandinges6/read
http://read.humanjavascript.com/
---
http://www.javascriptenlightenment.com/
https://leanpub.com/javascript-spessore/read
https://leanpub.com/javascript-allonge/readhttps://github.com/vhf/free-programming-books/blob/master/free-programming-books.md#javascript
De vannak hasznos netes oktatoanyagok is, amiket most nem fogok belinkelni ugyse nezi meg senki
-
Speeedfire
félisten
-
Agony
aktív tag
Sziasztok!
Szeretnék egy kis segítséget kérni egy meglévő javascript alapú teszt módosításához. Egy barátomnak ajánlottam fel -felelőtlenül-, hogy régebbről vannak word tesztjeim elfekvőben, esetleg ezeket tudja használni a diákok alap word tudásának teszteléséhez.
A gondom mindössze annyi, hogy ebbe a tesztbe be lehet kapcsolni, hogy jelszót kérjen a kiértékelés előtt, de nekem dunsztom sincs a javascripthez, neki viszont úgy kellene, hogy a diákok ne töltsék ki 101x kispekulálva a helyes válaszokat.
Innen lehet letölteni a teszt fájljait:
https://www.dropbox.com/s/x1xkjnd2o3uzycc/wordteszt1.rar?dl=0
A 2_Lecke mappában a L02_TESZT.html-el indul a teszt és a testsys mappában a template.js végzi a kiértékelést.
Kliens oldalon a fájlban tárolódik a jelszó (szerintem a template.js fájlban), de ez azért nem probléma, mert nagyon alap tudású diákoknak lesz, kizárt, hogy a forráskódot olvasgatnák... word kezdő felhasználók közül aki kikeresi a forráskódból a jelszót, eleve megérdemli az ötöst.
Előre is köszönöm a segítséget!
-
Sk8erPeter
nagyúr
-
Sk8erPeter
nagyúr
Igen, pont ezt fejtegettük Jim-Y-vel, ő is demonstrációs céllal mutatta a példákat.
-
Cathfaern
nagyúr
+ Jim-Y:
Jogos, nálatok a pont
Bár akkor tényleg nem tudom a feladatban hogy működött. -
Jim-Y
veterán
De ezt miert nekem irod?
-
fordfairlane
veterán
-
Sk8erPeter
nagyúr
-
Sk8erPeter
nagyúr
-
Jim-Y
veterán
-
Sk8erPeter
nagyúr
Szerinted a selectorok csak a jQuery miatt érdekesek?
Sajnos ez most nem volt túl értelmes önigazolás, hogy nem komálod a jQuery-t. 
Egyrészt ugye kezdjük a selectorokat a CSS-nél. Ha nem vágod a selectorok működését, nem vágod a CSS működését. Aztán a selectorokra építve ott van a .querySelector() (document/Element), .querySelectorAll() (document/Element) is.
Meg ott van a Sizzle JavaScript Selector Library, ami pure JS. Ezt használja a jQuery. -
Jim-Y
veterán
-
Sk8erPeter
nagyúr
Hogy tudtál eddig működő kódot írni, ha nem tudtad, hogy működnek a selectorok?
Nehogy még véletlenül valami kezdő félreértse, inkább leírom, hogy van helyesen:
1.) '#content.inner'
- content azonosítójú ÉS inner class-szal ellátott elemre illeszkedik:<div id="content" class="inner">
...
</div>2.) '#content, .inner'
- content azonosítóval VAGY inner osztállyal ellátott elemre illeszkedik (az is jó, ha az egyik ezek közül nincs meg, vagy ha ugyanarról az elemről beszélünk, és mindkettő igaz rá, de ezt most szándékosan kihagyom a példákból, nehogy valakit megtévesszen) - hiszen felsoroljuk, mely elemeket szeretnénk kiválasztani:erre is illeszkedik (szándékosan különraktam, nem hierarchikusan):
<div id="content">...</div>
<div class="inner">...</div>erre is (egy másik elembe van ágyazva, de tök mindegy):
<div id="content">
...
</div>
<div id="anotherone">
...
<div class="inner">...</div>
...
</div>és erre is (itt egymásba ágyazva szerepelnek):
<div id="content">
...
<div class="inner">...</div>
...
</div>3.) '#content .inner'
- a content azonosítóval ellátott elemen belüli, inner osztállyal ellátott elem(ek)et keressük (egymásba ágyazott struktúra):<div id="content">
...
<div class="inner">...</div>
...
</div> -
Jim-Y
veterán
-
Speeedfire
félisten
Holnap ki is próbálom, hátha. Ez a vessző dolog nekem is új, nem akkor kell vessző ha felsorolás van?
Sk8erPeter: Ha az adott elemre kattintok az eseményfigyelő után jön a warning.
-
Sk8erPeter
nagyúr
-
Jim-Y
veterán
1: TIL, jsfiddle-ön működik az emmet
Nem tudom, hogy ez e a problémád, de én pont tegnap futottam bele event delegation-nél:
Meg kell jegyeznem, hogy nekem sem volt intuitív a vessző
megj: kipróbáltam FF-on is, nincs semmi warning, csak simán nem mükszik, szóval más lesz a probléma, ezen felül..
-
Speeedfire
félisten
A valami így néz ki: "#egyediazonosító .osztály".
Sk8erPeter:Ez most nekem kicsit gyanús mondat... Akkor egész pontosan hogy is dobja a hibát? Az "esemény után"?
Igen, az esemény után dobja, de nem hiba, hanem warning.Tehát amikor a click event konkrétan megtörténik? Az eseménykezelő lefutása után? VAGY csak az eseménykezelő beregisztrálása (a mutatott kódrészlet lefutása) után, tehát még nincs semmi köze a kattintás eseményhez, csak szóltunk, hogy van egy ilyen eseménykezelőnk?
A fenti kódrészlet lefutása után dobja, amikor a click esemény már lefutott.Hát vigyázzá', itt a szavaknak SÚLYA VAN!!!!44NÉGYNÉGY
Vigyázok! NÉGY!!!444!!!NÉGY! -
Sk8erPeter
nagyúr
-
Sk8erPeter
nagyúr
"Ami érdekes volt, hogy az esemény után dobta ezt a hibát, nem közben.Holott utána már semmi mást nem hívok meg."
Ez most nekem kicsit gyanús mondat... Akkor egész pontosan hogy is dobja a hibát? Az "esemény után"? Tehát amikor a click event konkrétan megtörténik? Az eseménykezelő lefutása után? VAGY csak az eseménykezelő beregisztrálása (a mutatott kódrészlet lefutása) után, tehát még nincs semmi köze a kattintás eseményhez, csak szóltunk, hogy van egy ilyen eseménykezelőnk?
Hát vigyázzá', itt a szavaknak SÚLYA VAN!!!!44NÉGYNÉGY -
fordfairlane
veterán
-
Speeedfire
félisten
Hétfőn ki is próbálom, hétvégén nem dolgozok.
"Azt próbáltam már, de nem hozott eredményt"
Hogyan próbálkoztál?Amelyik inputnál dobálta ezt a hibát, ott teleraktam breakpoint-okkal. Ami érdekes volt, hogy az esemény után dobta ezt a hibát, nem közben.Holott utána már semmi mást nem hívok meg. Vagy nem tudok róla és munkatársam bedrótozott oda valamit.
$('#container').on('click', 'valami', function(e){
//funkciók, hiba nélkül
});
//itt pedig már dobta is a warning-ot -
Sk8erPeter
nagyúr
"Egy darab van pedig belőle."
Egy darab azonosítót használsz az egész oldalon?
Mondom, próbáld meg másik jQuery-verzióval, legalább kíváncsiságból, semmi mást nem változtatva, hogy ott is előfordul-e a hibajelenség. Annyira nem elképzelhetetlen, hogy valamilyen probléma csak Firefox alatt jön elő, rákeresve az "Empty string passed to getElementById()" hibaüzenetre sokaknál FF-hez kötődő probléma volt. Fura a hibajelenség, mert ennyiből belső implementáció hibájának tűnik (aztán lehet, hogy nem, de próbáld má' ki másikkal)."Azt próbáltam már, de nem hozott eredményt"
Hogyan próbálkoztál? -
Speeedfire
félisten
Egy darab van pedig belőle. Mondjuk igazából csak warning, nem error csak ff alatt látom, hogy szemetelget a konzolba.
fordfairlane: Azt próbáltam már, de nem hozott eredményt. Lehet megnézem majd egy másik jquery-vel is, hátha ott nem okoz már ez gondot. -
fordfairlane
veterán
-
Sk8erPeter
nagyúr
-
Speeedfire
félisten
Igen, erre gondolok, de nálam ez teljesen üres. Azt írja nincsenek megjelenítendő veremértékek.
Sőt, a változók rész is üres. -
fordfairlane
veterán
-
Speeedfire
félisten
-
Heló!
Köszönöm az elemzést!
A változónevekre figyelni fogok.
A K&R style-t azért használom, mert én így jobban átlátom a kódok kezdőként, egyébként nem C++-ból jövök, hanem a 17 évvel ezelötti középiskolás pascal-ból.
Igyekezni fogok ezt is megszokni.
Hinter tool-t keresek majd a Bluefish-hez, bár lehet hogy áttérek másra.
Viszont ami most megfogott.
A a változót azért raktam külön, hogy ne a ciklusban fusson le minden alkalommal.
Egy függvénybe kellene tennem? -
Szia.
Sajnos még mindig nem értek a canvas-hoz, így megint csak a kódodról fogok beszélni.
> Remélem, nem "csúnya" nagyon a kódom.
Nem fogok kertelni, szerintem nem fogod magadra venni, nem is azért írom, de... igen az, sajnos elég csúnya
Na persze ez nem gond! Tényleg nem. Egyrészt mert mindenki kezdi valahol, másrészt meg az látszik, hogy más múltad van. Szépen nem így irunk JavaScript kódot.Ezekkel van probléma benne:
var betolt = function(i,b,a)
{
imageObj[i].onload = function ()
{
ctx.drawImage(imageObj[i], b, 0, d, a);
};
};i, b, a -> ezek a formális változónevek egész egyszerűen rosszak, sosem adunk egybetűs váltzóneveket!
Nem tudni, hogy mit jelölnek. i az vajon index, a b meg a, na erre még tippe sincs az embernek. Nincs overhead akkor sem, ha 1 betű helyett 20 hosszú változó neveket használsz, cserébe értelmes lesz a kód. Ennek azért van jelentősége, mert
1: egy cégnél nem csak te fogod a kódodat olvasni, hanem előbb utóbb más is. És kontextus nélkül ezek a nevek konkrétan hátráltatják más munkáját, az idő pénz, tehát az ilyen nevek használatával pénz deficit keletkezik (lol ). Komolyra fordítva a szót, tényleg más is akarja még olvasni a kódod, ne adj isten módosítani, olyankor jól jön ha "self-descriptive" a kódod.
2: JS-ben gyakran végzünk minifikálást, ami az egyik állomása a buildelésnek, így nem kell figyelni arra, hogy minél tömörebb legyen a kód, a végtermék úgyis tömör lesz.
Példa: még ennél a minimalista példánál is látszik, bár mondanom sem kell, hogy értelmesebb kódnál jobban kijön a minifikálás "előnye"Before (tordeltem):
var myOwnImageObject = [];
function imageLoading(indexVar, someOtherVarWhichHasADescriptiveName, anotherFormalParam) {
myOwnImageObject[indexVar].onload = function() {
context.drawImage(
myOwnImageObject[indexVar],
someOtherVarWhichHasADescriptiveName,
0,
wut,
anotherFormalParam
);
};
}After:
function imageLoading(n,a,e){myOwnImageObject[n].onload=function(){context.drawImage(myOwnImageObject[n],a,0,wut,e)}}var myOwnImageObject=[];Tehát nincs igazán érv az egybetűs változónevek mellett.
3:
Nem túl jó kódod stílusa. Gondolom C++-ból jöttél át, legalábbis én úgy tudom, hogy ott szoktak K&R style -t használni. Ez az automatikus pontosvessző , áhh inkább írom angolul úgyis úgy tudsz rákeresni: automatic semicolon insertion miatt nem ajánlott így kódolni JavaScriptben. Nagyon sok verzió létezik, én leginkább az airbnb-hez tartom magam. Számomra ez eredményezi a leginkább olvasható, karbantartható kódot. Tehát ha az airbnb szerint írjuk a kódodat, akkor valahogy így nézne ki (ha én írnám akkor is):var c = document.getElementById("myCanvas"),
ctx = c.getContext("2d"),
files = document.getElementById("files-upload").files,
imageObj = [],
a = (1920 - (files.length - 1)) / (files.length);
function betolt(i, b, a) {
imageObj[i].onload = function() {
ctx.drawImage(imageObj[i], b, 0, d, a);
};
}
for (var i = 0, len = files.length; i < len; ++i) {
b = (a + 1) * i;
imageObj[i] = new Image();
imageObj[i].src = "útvonal" + files[i].name;
betolt(i, b, a);
}4:
Az a változót tudatosan, vagy sem, de globális scope-ba helyezted, ez rossz szokás, abszolút kerülendő.5:
ez inkább jó tanács: JSHint vagy egyéb linter toolok használata javallott. Szinte minden Editorhoz, IDE-hez létezik már plugin.Üdv
-
Heló!
A példáidat sajnos nem tudtam az én kódommal összehozni, ezért úgy döntöttem, hogy csak az elméletet használom fel belőle (enclosure), és kerestem erre a neten példákat, és ez lett a működő eredmény:
{
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var files = document.getElementById("files-upload").files;
var imageObj = [];
var betolt = function(i,b,a)
{
imageObj[i].onload = function ()
{
ctx.drawImage(imageObj[i], b, 0, d, a);
};
};
a = ( 1920 - (files.length - 1) ) / ( files.length );
for (var i = 0; i < files.length; i++)
{
b = ( a + 1 ) * i;
imageObj[i] = new Image();
imageObj[i].src = "útvonal"+files[i].name;
betolt(i,b,a);
}
}A problémát a te példáidnál az okozta, hogy nem értettem a három közti különbséget és a szintaktikát - pl. a kapcsos zárójel után írt (i), vagy az, hogy egy zárójelen belül van egy függvény az onload jobb oldalán, vagy a settimeout-os Image függvény értelmét sem értem. Ezt mind a kettes példából vettem.
Persze, utána fogok nézni mindegyiknek, mert ez így nem állapot, hogy ilyen alap dolgokat nem tudok, csak most nem hagyott nyugodni a dolog és működésre akartam bírni olyan módszerrel, amit értek.
Remélem, nem "csúnya" nagyon a kódom.Ezen kívül van még egy kérdésem: A betöltött képeket szeretném mouse scroll segítségével átméretezni úgy, hogy a kép nem lép ki a rendelkezésére álló keretből, hanem levágódik a széle, ami nem fér ki - persze egérrel lehetne drage-elni is a képet. További funkció lenne az egymás melletti képek közti választóvónal eltolása.
Összességében egyfajta montázs progit akarok csinálni - egyelőre csak egymás melletti képekkel, átfedés nélkül.
Egyelőre még nem jártam sikerrel, de felmerült egy kérdés ezzel kapcsolatban: elég ehhez egy canvas, vagy érdemesebb képenként klön canvas-t létrehozni? -
martonx
veterán
-
fordfairlane
veterán
-
Sk8erPeter
nagyúr
Szerintem használj valami normális lejátszót első körben, amit karban is tartanak.
Példa:
jPlayer
http://www.jplayer.org/latest/demos/
eléggé szanaszéjjel-állítgatható.
Itt van a forráskód verziókezelőn is, ha kell: https://github.com/happyworm/jPlayer
A dev-ágon 2 napja volt commit, szóval asszem ez jól mutatja, hogy eléggé karbantartják.Persze hogy Safariban mit művel a lejátszó, fogalmam sincs.
Próbáld ki a demóoldalon. Mindenesetre érdemes karbantartott library-ket használni úgy általában. -
Chrystall
senior tag
Sziasztok!
Van a neten egy SCM player nevű audiólejátszó. Egy Javascript kódot generál, amit a honlapba ágyazva megjelenik a lejátszó. Ez a honlap alján lesz mindig látható, és folyamatosan játszik le a háttérben ha elindul, szóval gyanítom valami AJAX-os dolog lehet benne. Lényeg a lényeg, működik jól, ám Safariban Mac-en nem. Volna esetleg ötletetek ez mitől lehet? Így néz ki a honlap Safariban:
Ez meg a kód lenne:
<!-- SCM Music Player http://scmplayer.net -->
<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/aquaBlue/skin.css','volume':50,'autoplay':false,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':'http://youtu.be/B0N9yFcz4ho?list=RDB0N9yFcz4ho'}" ></script>
<!-- SCM Music Player script end -->Gondolom ennek még semmi jelentősége, és a script.js file tartalma lenne az, ami számít, vagy a skin.css. Ami gyanús, hogy van egy ikon jobb szélen, ami a lejátszási listát hozza elő, és az úgy jön elő, hogy a honlap jobb szélén fölugrik egy ablak, és a honlapot összébb nyomja. Mivel látható hogy a Safariban is szélen lesz egy nagy üres sáv, nem tudom nem-e abban a kódrészben van-e valami hiba, ami ezt a lejátszási lista ablakot definiálja.
-
Sk8erPeter
nagyúr
Szép válasz, jó példákkal!
, használtam felhasználóként egyszerű letöltögetésekre, meg tárgyinfók megnézésére (mondjuk amennyi Moodle-felületet eddig láttam, szerintem elég béna, bár az mellékes), de amúgy a fenti feladat megoldására milyen lehet fejlesztői oldalról? Simán össze tudsz dobni ilyen kérdezz-feleleket egyszerű grafikus felületen, úgy, hogy még akár az is lazán megoldja ezt a feladatot, akinek amúgy a webfejlesztéshez sok köze nincs? Sosem láttam még fejlesztői oldalról, de gondolom megoldották ezt a részt is normálisan.
![;]](http://cdn.rios.hu/dl/s/v1.gif)
Bár akkor tényleg nem tudom a feladatban hogy működött.
Új hozzászólás Aktív témák
- Megújult mobilos felület, fórumos ráncfelvarrás a PROHARDVER! lapcsaládon
- VR topik
- Tőzsde és gazdaság
- Autós topik látogatók beszélgetős, offolós topikja
- A fociról könnyedén, egy baráti társaságban
- Folyószámla, bankszámla, bankváltás, külföldi kártyahasználat
- Kertészet, mezőgazdaság topik
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- OLED TV topic
- TCL LCD és LED TV-k
- További aktív témák...
- 4 FAJTA (Május) DELL Latitude Laptop Tartós-Golyóálló-AKÁR SULIBA 7320 7430 7440 5320 5420 5430
- NEW! Bontatlan Lenovo Thinkpad T14 G6 Tartós Üzleti Laptop 14" -40% Ultra 7 255U 16/512 FHD+ Magyar!
- Bontatlan Zacsis Új Lenovo Thinkpad T14 G5 Laptop 14" -50% Ultra 7 155U 16/512 FHD+ Magyar!
- Powercolor Radeon RX 6700 XT 12Gb
- Szabad személyre 2.0 LANCOOL 216RX Black ÜRES Gépház Ingyen MPL
- Eladó Samsung Galaxy A51 4/128GB / 12 hónap jótállás
- Bomba ár! Lenovo ThinkPad E14 G2i - i5-11G I 8GB I 256SSD I 14" FHD I Cam I W11 I Gari!
- HP EliteBook 640 G9 - i5-1235U 16GB 1000GB 1 év garancia
- Lenovo 13w Yoga 2in1 Gen 2 AMD Ryzen 3 7330U 8 GB RAM 256 GB SSD Premium garancia FHD IPS TOUCH
- 27% - iiyama G-MASTER G2470HSU-B6 IPS Monitor! 1920x1080 / 180Hz / 1ms / FreeSync
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest