Új hozzászólás Aktív témák

  • Sziasztok!

    Van egy jsonp hívásom, aminek az eredményeit kellene kimásolni egy tömbbe.
    Ez így működik is:

    eredmeny[0] = data.d0;
    eredmeny[1] = data.d1;
    eredmeny[2] = data.d2;
    eredmeny[3] = data.d3;
    eredmeny[4] = data.d4;
    eredmeny[5] = data.d5;
    eredmeny[6] = data.d6;
    eredmeny[7] = data.d7;
    eredmeny[8] = data.d8;
    eredmeny[9] = data.d9;
    eredmeny[10] = data.d10;
    eredmeny[11] = data.d11;
    eredmeny[12] = data.d12;

    ez így egészen 90-ig.
    Namost ez nem szép megoldás, mert rendeteg sor lesz.

    Próbáltam egy for ciklussal helyettesíteni, de valamiért nem működik:

    for(var i=0; i<91;i++){

    var ertek = "";
    ertek += "data.d";
    ertek += a;
    eredmeny[i] = ertek;
    }

    Hogy lehetne ezt megoldani?

  • DNReNTi
    őstag

    Mi át szerettünk volna állni, de a typescript (<2.0.3) nem tudja átfordítani a yield és async/await -et amiből nekünk elég sok van így a frontenden nem tudunk átállni rá. Azt lehetne, hogy .ts --> .es6 --babel--> .es5 de ugy meg sok ideig tart az auto-compile :S Elméletileg 1-2 hónap múlva jön a TS következő verziója amiben már benne lesz majd akkor futunk még egy kört vele.

    Nekem a TS - ES6 - JS compile nem para, egyelőre úgyis csak kisebb projekteken kezdeném el használni, azokat befordítani meg nem nagy cucc. Meg max nem hasznalok watch-ot, csak build-elek amikor akarok. Na majd megírom a tapasztalatokat.

  • Jim-Y
    veterán

    Sziasztok,
    Angular2-t használ már valaki? Úgy értem "prodban" nem csak tesztelgetni, kísérletezgetni? Új projektekhez én már azt szeretném használni "sima" Angular helyett, de nem nagyon tudom eldönteni melyik UI framework-öt válasszam hozzá. A Material2 még eléggé gyerekcipőben van pedig az lenne a legjobb, az ngSemantic szintén, ami talán a legjobbnak tűnik az ngBootstrap, a UI Bootstrap Angular2 átírata Bootstrap 4-el. Jó lenne, de nekem a kinézet kicsit idejét múlt. Egyéb alternatíva? Köszi!

    Mi át szerettünk volna állni, de a typescript (<2.0.3) nem tudja átfordítani a yield és async/await -et amiből nekünk elég sok van így a frontenden nem tudunk átállni rá. Azt lehetne, hogy .ts --> .es6 --babel--> .es5 de ugy meg sok ideig tart az auto-compile :S Elméletileg 1-2 hónap múlva jön a TS következő verziója amiben már benne lesz majd akkor futunk még egy kört vele.

  • DNReNTi
    őstag

    Sziasztok,
    Angular2-t használ már valaki? Úgy értem "prodban" nem csak tesztelgetni, kísérletezgetni? Új projektekhez én már azt szeretném használni "sima" Angular helyett, de nem nagyon tudom eldönteni melyik UI framework-öt válasszam hozzá. A Material2 még eléggé gyerekcipőben van pedig az lenne a legjobb, az ngSemantic szintén, ami talán a legjobbnak tűnik az ngBootstrap, a UI Bootstrap Angular2 átírata Bootstrap 4-el. Jó lenne, de nekem a kinézet kicsit idejét múlt. Egyéb alternatíva? Köszi!

  • disy68
    aktív tag

    Értem, csak az nem tiszta, hogy fiddleben ha console.log()-ot használok, az hol jelenik meg?

    A konzol az adott "környezet" része, jelen esetben a böngészőé. Ctrl + Shift + i-vel vagy F12-vel elő tudod hozni a böngésző developer tool-ját, ott lesz console is.

  • PumpkinSeed
    addikt

    Értem, csak az nem tiszta, hogy fiddleben ha console.log()-ot használok, az hol jelenik meg?

    Ebben az esetben használd az .innerHTML()-t mely segítségével tudod cserélni egy element tartalmát.

  • Hunmugli
    aktív tag

    A document.write()-ot NE használd. A leírásból a kiemelt rész: Note: as document.write writes to the document stream, calling document.write on a closed (loaded) document automatically calls document.open, which will clear the document. A konzol az nem a képernyő (dokumentum). Erre a consol.log()-al tudsz irogatni. A jsfiddle-t használd ahogy illik, html bal fent, js bal lent. Formázásnál segít a fiddle a Tidy gombbal. Kommentet ritka esetekben használunk, legyen inkább a kód olvasható (függvények, változók nevei legyenek beszédesek). És ami szerintem még fontos, ne használj magyar neveket a kódban, rossz szokás.

    Értem, csak az nem tiszta, hogy fiddleben ha console.log()-ot használok, az hol jelenik meg?

  • PumpkinSeed
    addikt

    Sziasztok!

    Egyáltalán nem adtam fel semmit, csak jelenleg tanulás szintjén is alig tudok foglalkozni a programozással :(
    A google chrome és a firefox konzolja között van valami különbség?

    A prímszitám - jelenleg nem ír ki semmilyen eredményt(csak annyit, hogy kész - a prímeket egy külön tömbbe írja). A document.write parancsot miért nem szereti a jsfiddle? (Elfut vele, de kiírta hogy rendellenes működést okozhat.)
    Ha valakinek van néhány fölösleges perce: lehet valahogy növelni a fenti kód hatékonyságát? (Csak JS-ben)
    Illetve miért nem akar működni a két szomszédos prím távolságát kiszámoló function?

    Egy másik kódom, ez lényegesen lassabb, mert maradékos osztást használ:[link] ennél nincs kérdés :)

    Kommentelésnél és tördelésnél van valami "irányelv", amit célszerű követni? (Csak olyan, ami lényegesen eltér a fent alkalmazottaktól.)

    Kicsit helyre raktam, de többre nem volt időm.

  • disy68
    aktív tag

    Sziasztok!

    Egyáltalán nem adtam fel semmit, csak jelenleg tanulás szintjén is alig tudok foglalkozni a programozással :(
    A google chrome és a firefox konzolja között van valami különbség?

    A prímszitám - jelenleg nem ír ki semmilyen eredményt(csak annyit, hogy kész - a prímeket egy külön tömbbe írja). A document.write parancsot miért nem szereti a jsfiddle? (Elfut vele, de kiírta hogy rendellenes működést okozhat.)
    Ha valakinek van néhány fölösleges perce: lehet valahogy növelni a fenti kód hatékonyságát? (Csak JS-ben)
    Illetve miért nem akar működni a két szomszédos prím távolságát kiszámoló function?

    Egy másik kódom, ez lényegesen lassabb, mert maradékos osztást használ:[link] ennél nincs kérdés :)

    Kommentelésnél és tördelésnél van valami "irányelv", amit célszerű követni? (Csak olyan, ami lényegesen eltér a fent alkalmazottaktól.)

    A document.write()-ot NE használd. A leírásból a kiemelt rész: Note: as document.write writes to the document stream, calling document.write on a closed (loaded) document automatically calls document.open, which will clear the document. A konzol az nem a képernyő (dokumentum). Erre a consol.log()-al tudsz irogatni. A jsfiddle-t használd ahogy illik, html bal fent, js bal lent. Formázásnál segít a fiddle a Tidy gombbal. Kommentet ritka esetekben használunk, legyen inkább a kód olvasható (függvények, változók nevei legyenek beszédesek). És ami szerintem még fontos, ne használj magyar neveket a kódban, rossz szokás.

  • Hunmugli
    aktív tag

    Sziasztok!

    Egyáltalán nem adtam fel semmit, csak jelenleg tanulás szintjén is alig tudok foglalkozni a programozással :(
    A google chrome és a firefox konzolja között van valami különbség?

    A prímszitám - jelenleg nem ír ki semmilyen eredményt(csak annyit, hogy kész - a prímeket egy külön tömbbe írja). A document.write parancsot miért nem szereti a jsfiddle? (Elfut vele, de kiírta hogy rendellenes működést okozhat.)
    Ha valakinek van néhány fölösleges perce: lehet valahogy növelni a fenti kód hatékonyságát? (Csak JS-ben)
    Illetve miért nem akar működni a két szomszédos prím távolságát kiszámoló function?

    Egy másik kódom, ez lényegesen lassabb, mert maradékos osztást használ:[link] ennél nincs kérdés :)

    Kommentelésnél és tördelésnél van valami "irányelv", amit célszerű követni? (Csak olyan, ami lényegesen eltér a fent alkalmazottaktól.)

  • Mr Dini
    addikt

    var data = [];
    post.replace(/<a[^>]+?href="(.*?)"/gi, function(a,b,c,d) { data.push(b) });
    //alert(data);

    Ezer köszi, működik! :C :R

  • sztanozs
    veterán

    var data = [];
    post.replace(/<a[^>]+?href="(.*?)"/gi, function(a,b,c,d) { data.push(b) });
    //alert(data);

    Itt a fiddle hozzá: [link]

  • sztanozs
    veterán

    Debian szerveren nem jött be a regexr chromium alatt, így max jsfiddle-t tudok csatolni. De úgy gondolom, a lényeg ott is látszik. De köszi, elmentettem!

    (#6285) sztanozs

    Köszi! :R

    Bár ez sem jó, mert a target utáni részt nem szedi ki. Írhatnék .*-ot a target után, de akkor meg csak az első linket adja vissza... :/

    Egyébként így néz ki a mostani:

    post.replace(/\<a href="(.*?)target/g,"$1");

    var data = [];
    post.replace(/<a[^>]+?href="(.*?)"/gi, function(a,b,c,d) { data.push(b) });
    //alert(data);

  • Mr Dini
    addikt

    Nem hiszem el, hogy ennyire nem lehet a megfelelő problémához, megfelelő eszközt használni. Ez esetben ne jsfiddle-t csatolj, hanem regexr példát.
    És mire ezt megteszed lehet, hogy sikerül is megoldanod a feladatod. :F

    Debian szerveren nem jött be a regexr chromium alatt, így max jsfiddle-t tudok csatolni. De úgy gondolom, a lényeg ott is látszik. De köszi, elmentettem!

    (#6285) sztanozs

    Köszi! :R

    Bár ez sem jó, mert a target utáni részt nem szedi ki. Írhatnék .*-ot a target után, de akkor meg csak az első linket adja vissza... :/

    Egyébként így néz ki a mostani:

    post.replace(/\<a href="(.*?)target/g,"$1");

  • sztanozs
    veterán

    Üdv!

    Megint gondba vagyok... Már túlvagyok egy regex tutorialon és a guglin is, nem segített...

    Merthogy van egy változóm, ami egy PH! hozzászólás-t tartalmaz HTML-ben.

    No, én úgy szeretném replace-lni, hogy csak az <a href=" és target közti részt hagyja meg.

    Namost, a problémám az, hogy nem tudom neki megadni, hogy vágja le a targetet és az az utáni részt. Mert a [^target]+ ugye nem működik...

    Hogyan lehetne megoldani azt, hogy a végén a változó csak linkeket tartalmazzon és menjen akkor is, ha több link is van a HTML kódban?

    Köszi! :R

    Ui.: ha kell, délután csatolok fiddle-t is.

    Hali, talán azért, mert a [^target]+ minden olyan több karakterből álló részre keres amiben nincsenek t,a,r,g,e betűk.
    Amúgy:
    <a href="(.*?)target

  • martonx
    veterán

    Üdv!

    Megint gondba vagyok... Már túlvagyok egy regex tutorialon és a guglin is, nem segített...

    Merthogy van egy változóm, ami egy PH! hozzászólás-t tartalmaz HTML-ben.

    No, én úgy szeretném replace-lni, hogy csak az <a href=" és target közti részt hagyja meg.

    Namost, a problémám az, hogy nem tudom neki megadni, hogy vágja le a targetet és az az utáni részt. Mert a [^target]+ ugye nem működik...

    Hogyan lehetne megoldani azt, hogy a végén a változó csak linkeket tartalmazzon és menjen akkor is, ha több link is van a HTML kódban?

    Köszi! :R

    Ui.: ha kell, délután csatolok fiddle-t is.

    Nem hiszem el, hogy ennyire nem lehet a megfelelő problémához, megfelelő eszközt használni. Ez esetben ne jsfiddle-t csatolj, hanem regexr példát.
    És mire ezt megteszed lehet, hogy sikerül is megoldanod a feladatod. :F

  • Mr Dini
    addikt

    Üdv!

    Megint gondba vagyok... Már túlvagyok egy regex tutorialon és a guglin is, nem segített...

    Merthogy van egy változóm, ami egy PH! hozzászólás-t tartalmaz HTML-ben.

    No, én úgy szeretném replace-lni, hogy csak az <a href=" és target közti részt hagyja meg.

    Namost, a problémám az, hogy nem tudom neki megadni, hogy vágja le a targetet és az az utáni részt. Mert a [^target]+ ugye nem működik...

    Hogyan lehetne megoldani azt, hogy a végén a változó csak linkeket tartalmazzon és menjen akkor is, ha több link is van a HTML kódban?

    Köszi! :R

    Ui.: ha kell, délután csatolok fiddle-t is.

  • martonx
    veterán

    Sziasztok!

    Az alábbi dologban szeretném a segítségetek kérni:

    Egy adott mezőnél (mellékletek száma) kiválasztott érték alapján megjelenjen egy táblázat annyi sorral amilyen érték kiválasztásra kerül? Fontos, hogy csak HTML használható, illetve a táblázat minden sorában oszlopában (20x3) alapból olyan fix "hivatkozások" szerepelnek amivel az űrlap adatot visz be az adatbázisba.

    Űrlap:

    IV. MELLÉKELTEK

    Mellékletek száma: [legördülő, érték=1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]

    <table border="1px" bordercolor="white">
    <tbody>
    <tr bgcolor="#efebe9" align="center">
    <td>Mellékletek sorszáma</td>
    <td>Mellékletek típusa</td>
    <td>Mit igazol?</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3030:n=melleklet31:border=false:style="color:black;width:250px"}</td>
    <td>${T:3031:n=melleklet32:border=false:style="color:black;width:250px"}</td>
    <td>${T:3032:n=melleklet33:border=false:style="color:black;width:250px"}</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3033:n=melleklet34:border=false:style="color:black;width:250px"}</td>
    <td>${T:3034:n=melleklet35:border=false:style="color:black;width:250px"}</td>
    <td>${T:3035:n=melleklet36:border=false:style="color:black;width:250px"}</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3036:n=melleklet37:border=false:style="color:black;width:250px"}</td>
    <td>${T:3037:n=melleklet38:border=false:style="color:black;width:250px"}</td>
    <td>${T:3038:n=melleklet39:border=false:style="color:black;width:250px"}</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3039:n=melleklet40:border=false:style="color:black;width:250px"}</td>
    <td>${T:3040:n=melleklet41:border=false:style="color:black;width:250px"}</td>
    <td>${T:3041:n=melleklet42:border=false:style="color:black;width:250px"}</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3042:n=melleklet43:border=false:style="color:black;width:250px"}</td>
    <td>${T:3043:n=melleklet44:border=false:style="color:black;width:250px"}</td>
    <td>${T:3044:n=melleklet45:border=false:style="color:black;width:250px"}</td></tr>
    </tbody>
    </table>

    Legközelebb kérlek használd a Programkód formázást, vagy kapásból JSFiddle linkkel demonstráld a problémát!

    jsfiddle?

  • RedHarlow
    aktív tag

    Sziasztok!

    Az alábbi dologban szeretném a segítségetek kérni:

    Egy adott mezőnél (mellékletek száma) kiválasztott érték alapján megjelenjen egy táblázat annyi sorral amilyen érték kiválasztásra kerül? Fontos, hogy csak HTML használható, illetve a táblázat minden sorában oszlopában (20x3) alapból olyan fix "hivatkozások" szerepelnek amivel az űrlap adatot visz be az adatbázisba.

    Űrlap:

    IV. MELLÉKELTEK

    Mellékletek száma: [legördülő, érték=1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]

    <table border="1px" bordercolor="white">
    <tbody>
    <tr bgcolor="#efebe9" align="center">
    <td>Mellékletek sorszáma</td>
    <td>Mellékletek típusa</td>
    <td>Mit igazol?</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3030:n=melleklet31:border=false:style="color:black;width:250px"}</td>
    <td>${T:3031:n=melleklet32:border=false:style="color:black;width:250px"}</td>
    <td>${T:3032:n=melleklet33:border=false:style="color:black;width:250px"}</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3033:n=melleklet34:border=false:style="color:black;width:250px"}</td>
    <td>${T:3034:n=melleklet35:border=false:style="color:black;width:250px"}</td>
    <td>${T:3035:n=melleklet36:border=false:style="color:black;width:250px"}</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3036:n=melleklet37:border=false:style="color:black;width:250px"}</td>
    <td>${T:3037:n=melleklet38:border=false:style="color:black;width:250px"}</td>
    <td>${T:3038:n=melleklet39:border=false:style="color:black;width:250px"}</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3039:n=melleklet40:border=false:style="color:black;width:250px"}</td>
    <td>${T:3040:n=melleklet41:border=false:style="color:black;width:250px"}</td>
    <td>${T:3041:n=melleklet42:border=false:style="color:black;width:250px"}</td></tr>
    <tr bgcolor="#efebe9"><td>${T:3042:n=melleklet43:border=false:style="color:black;width:250px"}</td>
    <td>${T:3043:n=melleklet44:border=false:style="color:black;width:250px"}</td>
    <td>${T:3044:n=melleklet45:border=false:style="color:black;width:250px"}</td></tr>
    </tbody>
    </table>

    Legközelebb kérlek használd a Programkód formázást, vagy kapásból JSFiddle linkkel demonstráld a problémát!

    [ Módosította: Karma ]
  • DNReNTi
    őstag

    Mert csak a browser méretezi át a képet, a kép teljes pixel szélességben átadásra kerül.
    Ki kell számítani az összenyomási faktort és azzal meg kell szorozni mindent.
    Pl. egy 1024x768-as kép 800 szélesre összenyomva ez: 1024/800 = 1.24
    Image valós méret meghatározása: [link]
    Ja és csak akkor kell átszámolni, ha a valós méret nagyobb mint a célterület, különben alapból nem méretez át.

    Ugyan ezt irtam le a masik topikban. ;) Nem lehet hulyeseg ha mar ketten mondjuk. :DDD

  • sztanozs
    veterán

    Elképzelhető... sőt...

    Ez a php-ban a megjelenítő rész.
    <div class="wrap">
    <img id="uploadPreview" style="display:none; width: 100%; height: auto;"/>


    <form action="profilkepfel.php" method="post" enctype="multipart/form-data">
    <input id="uploadImage" type="file" accept="image/jpeg" name="image" />
    <input type="submit" value="Feltölt / Mentés">


    <input type="hidden" id="x" name="x" />
    <input type="hidden" id="y" name="y" />
    <input type="hidden" id="w" name="w" />
    <input type="hidden" id="h" name="h" />
    </form>

    </div>

    Ez pedig a JS:
    // set info for cropping image using hidden fields
    function setInfo(i, e) {
    $('#x').val(e.x1);
    $('#y').val(e.y1);
    $('#w').val(e.width);
    $('#h').val(e.height);
    }

    $(document).ready(function() {
    var p = $("#uploadPreview");

    // prepare instant preview
    $("#uploadImage").change(function(){
    // fadeOut or hide preview
    p.fadeOut();

    // prepare HTML5 FileReader
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

    oFReader.onload = function (oFREvent) {
    p.attr('src', oFREvent.target.result).fadeIn();
    };
    });

    // implement imgAreaSelect plug in (http://odyniec.net/projects/imgareaselect/)
    $('img#uploadPreview').imgAreaSelect({
    // set crop ratio (optional)
    aspectRatio: '1:1',
    onSelectEnd: setInfo
    });
    });

    a darabolást ugye az x, y, w, h -ból veszi, de az miért nem változik ha más a megjelenített kép mérete? :O

    Mert csak a browser méretezi át a képet, a kép teljes pixel szélességben átadásra kerül.
    Ki kell számítani az összenyomási faktort és azzal meg kell szorozni mindent.
    Pl. egy 1024x768-as kép 800 szélesre összenyomva ez: 1024/800 = 1.24
    Image valós méret meghatározása: [link]
    Ja és csak akkor kell átszámolni, ha a valós méret nagyobb mint a célterület, különben alapból nem méretez át.

  • bucihost
    senior tag

    Gondolom nem számítod ki, hogy átméretezve hol jelölöd ki a képet, és az eredeti selection top/left és height/width-tel számolsz...

    Elképzelhető... sőt...

    Ez a php-ban a megjelenítő rész.
    <div class="wrap">
    <img id="uploadPreview" style="display:none; width: 100%; height: auto;"/>


    <form action="profilkepfel.php" method="post" enctype="multipart/form-data">
    <input id="uploadImage" type="file" accept="image/jpeg" name="image" />
    <input type="submit" value="Feltölt / Mentés">


    <input type="hidden" id="x" name="x" />
    <input type="hidden" id="y" name="y" />
    <input type="hidden" id="w" name="w" />
    <input type="hidden" id="h" name="h" />
    </form>

    </div>

    Ez pedig a JS:
    // set info for cropping image using hidden fields
    function setInfo(i, e) {
    $('#x').val(e.x1);
    $('#y').val(e.y1);
    $('#w').val(e.width);
    $('#h').val(e.height);
    }

    $(document).ready(function() {
    var p = $("#uploadPreview");

    // prepare instant preview
    $("#uploadImage").change(function(){
    // fadeOut or hide preview
    p.fadeOut();

    // prepare HTML5 FileReader
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

    oFReader.onload = function (oFREvent) {
    p.attr('src', oFREvent.target.result).fadeIn();
    };
    });

    // implement imgAreaSelect plug in (http://odyniec.net/projects/imgareaselect/)
    $('img#uploadPreview').imgAreaSelect({
    // set crop ratio (optional)
    aspectRatio: '1:1',
    onSelectEnd: setInfo
    });
    });

    a darabolást ugye az x, y, w, h -ból veszi, de az miért nem változik ha más a megjelenített kép mérete? :O

  • sztanozs
    veterán

    Sziasztok!
    Adott egy admin felület, ahogy ugye van felhasználói profil.
    A profilhoz lehetőség van feltölteni képet.
    Ezt a funkciót össze dobtam egy JS-es "image upload&crop" dologgal.

    A működési elv:
    - Megnyitod a profilnak szánt képet.
    - Megjelenik a kép, kijelölöd rajta a profilnak szánt részt.
    - Elmented

    ( Majdnem ) működik is.

    A Probléma:
    A "box" ahol ez a megnyitott kép megjelenik, az 700 px széles. Ha megnyitok pl egy 1024-es (vagy afeletti) képet akkor csak 700px látszik belőle, a maradék kilóg a dobozból.

    Ezt úgy oldottam meg, hogy a megjelenítésnél > width: 100%; height: auto;
    Így a boxon "belülre" méretezi a képet viszont ha kijelölök rajta egy részt, akkor nem az átméretezett képből "vágja" ki a profilképet, hanem az eredeti méretűből.

    Erre itt egy példa.

    Valakinek valami ötlete? :F :R

    Gondolom nem számítod ki, hogy átméretezve hol jelölöd ki a képet, és az eredeti selection top/left és height/width-tel számolsz...

  • bucihost
    senior tag

    Sziasztok!
    Adott egy admin felület, ahogy ugye van felhasználói profil.
    A profilhoz lehetőség van feltölteni képet.
    Ezt a funkciót össze dobtam egy JS-es "image upload&crop" dologgal.

    A működési elv:
    - Megnyitod a profilnak szánt képet.
    - Megjelenik a kép, kijelölöd rajta a profilnak szánt részt.
    - Elmented

    ( Majdnem ) működik is.

    A Probléma:
    A "box" ahol ez a megnyitott kép megjelenik, az 700 px széles. Ha megnyitok pl egy 1024-es (vagy afeletti) képet akkor csak 700px látszik belőle, a maradék kilóg a dobozból.

    Ezt úgy oldottam meg, hogy a megjelenítésnél > width: 100%; height: auto;
    Így a boxon "belülre" méretezi a képet viszont ha kijelölök rajta egy részt, akkor nem az átméretezett képből "vágja" ki a profilképet, hanem az eredeti méretűből.

    Erre itt egy példa.

    Valakinek valami ötlete? :F :R

  • sztanozs
    veterán

    Én már a bonyolultabb megoldást választottam: van egy tömb, az tárolja a prímeket. Aztán egyesével eldönti minden számról, hogy prím-e, vagy sem. De Eratosztelész szitája tényleg jobb, csak több hely kell neki - cserébe gyorsabb. Majd megírom a másikat is, főleg ha az első megoldás nem sikerül :N

    Mekkora a legnagyobb prím, amit tárolni szeretnél?

  • PumpkinSeed
    addikt

    Én már a bonyolultabb megoldást választottam: van egy tömb, az tárolja a prímeket. Aztán egyesével eldönti minden számról, hogy prím-e, vagy sem. De Eratosztelész szitája tényleg jobb, csak több hely kell neki - cserébe gyorsabb. Majd megírom a másikat is, főleg ha az első megoldás nem sikerül :N

    Ez nem egy túl jó megoldás, ugyanis a prím mennyiségének növekedésével jelentősen nő a műveleti idő is, ugyanis minden szám vizsgálatakor megnézed az összes tárolóban lévő prímet. Ebben az esetben n x m művelet fog végrehajtódni ahol az n a vizsgálandó számok mennyisége és m a tömbben lévő prímek mennyisége. Tegyük fel, hogy 100.000 számot akarsz vizsgálni és 40.000 prím van a tömbben (amit amúgy kézzel kellene felvinned) így 4.000.000.000 művelet kellene ahhoz, hogy 100.000 számot megvizsgálj. Ezek most csak számok, de ez túl sok művelet egy ilyen egyszerű feladathoz.

    Ezzel szemben kikukáztam a szita bonyolultságát ami Prim(N)=P(N), ami azt jelenti, hogy ha van N prímszámod akkor N művelet alatt oldja meg. Ami azt jelenti, hogy 100.000 szám esetén ~100.000 műveletből megkeresi őket szóval 40.000x gyorsabb mint az előző megoldás. Ezt amúgy constans complexity-nek hívják.

  • Hunmugli
    aktív tag

    Ha véges halmazon szeretnéd, akkor Az Erasztotelész szitája algoritmut megfelelő lehet.
    Excelben néhány éve csináltunk amúgy prím generáló versenyt, születtek ott elég durva eredmények is. 5 mp-es time limit volt, az első helyezett 3.7 millió prímet (2-től növekvő sorrendben) generált le addig.

    Én már a bonyolultabb megoldást választottam: van egy tömb, az tárolja a prímeket. Aztán egyesével eldönti minden számról, hogy prím-e, vagy sem. De Eratosztelész szitája tényleg jobb, csak több hely kell neki - cserébe gyorsabb. Majd megírom a másikat is, főleg ha az első megoldás nem sikerül :N

  • sztanozs
    veterán

    Üdv!

    Ha van egy tömböm, amiben random számok vannak növekvő sorrendben (pl prímszámok), akkor hogyan keresem meg egy adott érték alatt a legnagyobb elemét a tömbnek? (Egészen konkrétan ennek az elemnek a sorszámát.)

    Például az értékem a 25, annál kisebb legnagyobb prím (vagyis a tömb eleme) a 23, ami a 9. a prímek között, vagyis a 8. a tömbömben.

    Minél optimalizáltabb megoldás kéne, de nem különösebben érdekel ez, csak:
    -működjön,
    -tudjam használni (kész kód/kellően aprólékos megfogalmazás).

    Enélkül nem igazán tudok tovább lépni a prímkereső algoritmusomban, ami egytől n-ig írná ki a prímeket. (n<=tízmillió) Illetve tovább tudok, csak sokkal erőforrás igényesebb lenne, mert a 10000-nél kisebb legnagyobb prím helyett az első 10000 darab prímmel próbálná tesztelni a program a következő számot. [...]

    Köszönöm a válaszokat :)

    Szerk.: hogyan tudom ciklus nélkül megcsinálni, hogy van egy változóm, pl spacek_szama néven, és a document.write(' ') parancs írjon ki spacek_szama darab spacet?

    Ha véges halmazon szeretnéd, akkor Az Erasztotelész szitája algoritmut megfelelő lehet.
    Excelben néhány éve csináltunk amúgy prím generáló versenyt, születtek ott elég durva eredmények is. 5 mp-es time limit volt, az első helyezett 3.7 millió prímet (2-től növekvő sorrendben) generált le addig.

  • Hunmugli
    aktív tag

    Üdv!

    Ha van egy tömböm, amiben random számok vannak növekvő sorrendben (pl prímszámok), akkor hogyan keresem meg egy adott érték alatt a legnagyobb elemét a tömbnek? (Egészen konkrétan ennek az elemnek a sorszámát.)

    Például az értékem a 25, annál kisebb legnagyobb prím (vagyis a tömb eleme) a 23, ami a 9. a prímek között, vagyis a 8. a tömbömben.

    Minél optimalizáltabb megoldás kéne, de nem különösebben érdekel ez, csak:
    -működjön,
    -tudjam használni (kész kód/kellően aprólékos megfogalmazás).

    Enélkül nem igazán tudok tovább lépni a prímkereső algoritmusomban, ami egytől n-ig írná ki a prímeket. (n<=tízmillió) Illetve tovább tudok, csak sokkal erőforrás igényesebb lenne, mert a 10000-nél kisebb legnagyobb prím helyett az első 10000 darab prímmel próbálná tesztelni a program a következő számot. [...]

    Köszönöm a válaszokat :)

    Szerk.: hogyan tudom ciklus nélkül megcsinálni, hogy van egy változóm, pl spacek_szama néven, és a document.write(' ') parancs írjon ki spacek_szama darab spacet?

  • martonx
    veterán

    JS, CSS, HTML az megy adott szinten, csak a többi fehér folt (egyenlőre). :)
    Amúgy kösz a magyarázatokat! :R
    (#6251) DNReNTi szintén kösz!

    Sajnos az van hogy a jelentkező hétköznapi problémák mindig oda visznek, hogy kéne tudni adott szinten programozni mondjuk C-ben, PHP-ben stb. is akkor már... Az meg rántja magával a többi kapcsolódó területet és kis túlzással sarkítva hiába csak "egy szöget akar az ember beverni", tanuljon meg 4-5 szoftveres területet is mert vagy egymásra épülnek a dolgok feljebbi szinteken, vagy pedig A dolog lefed valami részterületet ugyan, de B-re már nem alkalmazható. A dolgok így maguktól egyre bonyolultabbakká válnak, mint sem egyszerűsödnének, vagy ahhoz képest bonyolultabbak, mint ahogy le szerettük volna egyszerűsíteni. :U
    Oké, a programozás egy szakma, de nem kell feltétlen mindenkinek programozó matematikussá képezni magát, ha csak alap szinten érdeklődik ilyesmik iránt. (Ezt csak úgy megjegyeztem tét nélkül most...)

    Kis lábjegyzetként ehhez: Sokan vannak akiknek csak mondjuk az érettségi miatt suliban kell a 2-es számrendszer elmélete, meg hogy fogalmuk legyen minimális szinten, ami mára lassan alapműveltségi kérdés lesz, hogy mi az a ciklus, algoritmus, tömb stb. Én a szomszéd gyereken látom, neki is erre teljesen jó és kéznél levő a JS egyszerű mivolta miatt egy böngészőben elfuttathatóan, hogy lássa, gyakoroljon magának, fedezze fel a gépi logikát nagyon alap szinten, meg kicsit értsen a webprogramozáshoz annyira, hogy egy beágyazott videot le tudjon szedni vagy a forráskódból kiásni magának. Felesleges lenne ezen felül C# fejlesztőkörnyezetet felraknia (vagy megvennie), ha úgy sem készül szoftvermérnöknek, de ha valami egyedi dologra el kéne készíteni egy GUI-s EXE-t, akkor sokan falba ütköznének. Szóval nehéz ezekről általánosan beszélni probléma szinten szvsz...

    Azért egy szög beverését és egy GUI-s exe elkészítését, netán webes felületről mikrovezérlő adminisztrálását egy lapon említeni, háááát.....
    Egyébként semmi gond nincs ezzel a feladattal, megvannak erre is a szakemberek. Csak nem kell állat leejteni, mikor kiderül, hogy ha egy lakást 250.000-rért festenek ki, akkor egy webes felületről mikrovezérlő admin felület kifejlesztése miért fog 2 millióba kerülni, és miért nem egy hét alatt fog elkészülni.

  • martonx
    veterán

    S ilyen webservert a rooterek tartalmaznak hardveresen akkor?

    Fogalmam sincs. Ennyire mélyen sose foglalkoztam a routerek lélektanával, az adott problémádat tekintve pedig pláne teljesen irreleváns.

  • Aureal
    őstag

    Fu .. Hát akkor 0 programozás tudással elég nagy fába vagtatok a fejszetek ☺️

    API szerver = egy olyan program ami más programokat szolgál ki tartalommal. Legtöbbször adatbázisból olvas valamit és a kiolvasott adatot visszakuldi a bongeszoben lévő másik alkalmazasnak ami előzőleg megszolitotta a szervert. A szerver sokmindent vissza tud küldeni, oldschool esetben magát a megjelenitendo HTML oldalt, de újabb megközelítésben a szerver egy REST szerver ami bejövő kérdésekre figyel és pusztán adatot küld vissza, nem pedig HTML lapot.

    REST hívás = http protokollon történő post, get, patch, put, delete request kuldese a szervernek

    Nodejs = szerver oldali javascript. Szerver oldali V8 motor.

    Natív API = amivel a nodejs alapból rendelkezik

    Koa, restify = nodejs könyvtárak amiket más emberek irtak, webszervert lehet velük megvalositani.

    Reszponziv kliens = bármilyen kijelzo mérethez idomodo webes applikacio

    JS, CSS, HTML az megy adott szinten, csak a többi fehér folt (egyenlőre). :)
    Amúgy kösz a magyarázatokat! :R
    (#6251) DNReNTi szintén kösz!

    Sajnos az van hogy a jelentkező hétköznapi problémák mindig oda visznek, hogy kéne tudni adott szinten programozni mondjuk C-ben, PHP-ben stb. is akkor már... Az meg rántja magával a többi kapcsolódó területet és kis túlzással sarkítva hiába csak "egy szöget akar az ember beverni", tanuljon meg 4-5 szoftveres területet is mert vagy egymásra épülnek a dolgok feljebbi szinteken, vagy pedig A dolog lefed valami részterületet ugyan, de B-re már nem alkalmazható. A dolgok így maguktól egyre bonyolultabbakká válnak, mint sem egyszerűsödnének, vagy ahhoz képest bonyolultabbak, mint ahogy le szerettük volna egyszerűsíteni. :U
    Oké, a programozás egy szakma, de nem kell feltétlen mindenkinek programozó matematikussá képezni magát, ha csak alap szinten érdeklődik ilyesmik iránt. (Ezt csak úgy megjegyeztem tét nélkül most...)

    Kis lábjegyzetként ehhez: Sokan vannak akiknek csak mondjuk az érettségi miatt suliban kell a 2-es számrendszer elmélete, meg hogy fogalmuk legyen minimális szinten, ami mára lassan alapműveltségi kérdés lesz, hogy mi az a ciklus, algoritmus, tömb stb. Én a szomszéd gyereken látom, neki is erre teljesen jó és kéznél levő a JS egyszerű mivolta miatt egy böngészőben elfuttathatóan, hogy lássa, gyakoroljon magának, fedezze fel a gépi logikát nagyon alap szinten, meg kicsit értsen a webprogramozáshoz annyira, hogy egy beágyazott videot le tudjon szedni vagy a forráskódból kiásni magának. Felesleges lenne ezen felül C# fejlesztőkörnyezetet felraknia (vagy megvennie), ha úgy sem készül szoftvermérnöknek, de ha valami egyedi dologra el kéne készíteni egy GUI-s EXE-t, akkor sokan falba ütköznének. Szóval nehéz ezekről általánosan beszélni probléma szinten szvsz...

  • DNReNTi
    őstag

    Sziasztok!

    Megismerkedtem egy remek alkalmazással, androidra, ami segít megtanulni javascriptben programozni. Előny pl a legtöbb hasonló célú dokumentummal szemben:
    -ki lehet próbálni a kódot, akár tanulás közben;
    -tanulás közben vannak ellenőrző feladatok, így ha nem értesz valamit, nem enged tovább (de xp-ért cserébe segít);
    -offline is megy;
    -lehet benne versenyezni: választasz egy ellenfelet (aki ugyanúgy tanul, mint te), majd 5 kis példát kell megoldani. Aki többet old meg, az nyer. Kb 30 mp van minden példára, de az nem számít, ki a gyorsabb. Döntetlen esetén plusz kérdések vannak.
    Hátrányok:
    -angol (legalább egyszerűen érthető);
    -"kezdő" szintig van - de szerintem nagyon jó
    -nagyon erőltetem az agyam, de csak arra jutok, hogy csak álló képernyős változata van :DDD

    download [link] Persze van más nyelvekből is, meg biztos láttátok már, de szerintem nagyon király. :)

    1.) Mi a különbség a == és a === operátorok között?
    2.) Jsfiddle-nél hova és milyen tag-ek kellenek? Bármit csinálok, mindig szól, hogy nem tetszik neki (legalább működik.) A kódot hova kell írni(fel-le)?
    3.) Visual studio code-ban a debug funkciónál miért nyílik meg a lauch.json? És miért csak az ellenőrződik? És mi az? :N

    1. A == egyenlőséget a === típusegyenlőséget vizsgál.
    Tehát mondjuk:
    return 1 == '1', //true
    return 1 === '1', //false, mert az '1' az string

    2. Minden ablakban ott van hogy mit hová kell írni. Bal fent HTML, jobb fent CSS, bal alul JS, jobb lent az eredmény.

    3. Sose használtam VS-t.

  • DNReNTi
    őstag

    Böngészö képes volna szerintetek kifelé kommunikálni megfelelő kódokkal vagy scriptnyelvvel egy mikrokontroller felé? Egy ismerősöm ui. így gondolná megoldani a lakása elektronikus vezérlését, hogy a grafikus felületet egy html oldalban dizájnolnám meg neki, amit telefonról stb tudna nyomkorászni.
    Elvileg a rooterek programozása ugyanígy müxik, amiből ötletileg kiindultunk...
    :F :F :F
    :R

    Csak érdekesség: espruino.
    Nincs vele tapasztalatom, de úgy veszem ki éppen erre is jó.

  • Hunmugli
    aktív tag

    Sziasztok!

    Megismerkedtem egy remek alkalmazással, androidra, ami segít megtanulni javascriptben programozni. Előny pl a legtöbb hasonló célú dokumentummal szemben:
    -ki lehet próbálni a kódot, akár tanulás közben;
    -tanulás közben vannak ellenőrző feladatok, így ha nem értesz valamit, nem enged tovább (de xp-ért cserébe segít);
    -offline is megy;
    -lehet benne versenyezni: választasz egy ellenfelet (aki ugyanúgy tanul, mint te), majd 5 kis példát kell megoldani. Aki többet old meg, az nyer. Kb 30 mp van minden példára, de az nem számít, ki a gyorsabb. Döntetlen esetén plusz kérdések vannak.
    Hátrányok:
    -angol (legalább egyszerűen érthető);
    -"kezdő" szintig van - de szerintem nagyon jó
    -nagyon erőltetem az agyam, de csak arra jutok, hogy csak álló képernyős változata van :DDD

    download [link] Persze van más nyelvekből is, meg biztos láttátok már, de szerintem nagyon király. :)

    1.) Mi a különbség a == és a === operátorok között?
    2.) Jsfiddle-nél hova és milyen tag-ek kellenek? Bármit csinálok, mindig szól, hogy nem tetszik neki (legalább működik.) A kódot hova kell írni(fel-le)?
    3.) Visual studio code-ban a debug funkciónál miért nyílik meg a lauch.json? És miért csak az ellenőrződik? És mi az? :N

  • Jim-Y
    veterán

    Remek hogy mehet! Köszi!

    A témában viszont absz kezdő vagyok, ilyen fogalmakról még nem hallottam hogy:
    API szerver
    REST hívás
    nodejs
    nativ api
    koa
    restify
    reszponziv kliens
    :F

    Fu .. Hát akkor 0 programozás tudással elég nagy fába vagtatok a fejszetek ☺️

    API szerver = egy olyan program ami más programokat szolgál ki tartalommal. Legtöbbször adatbázisból olvas valamit és a kiolvasott adatot visszakuldi a bongeszoben lévő másik alkalmazasnak ami előzőleg megszolitotta a szervert. A szerver sokmindent vissza tud küldeni, oldschool esetben magát a megjelenitendo HTML oldalt, de újabb megközelítésben a szerver egy REST szerver ami bejövő kérdésekre figyel és pusztán adatot küld vissza, nem pedig HTML lapot.

    REST hívás = http protokollon történő post, get, patch, put, delete request kuldese a szervernek

    Nodejs = szerver oldali javascript. Szerver oldali V8 motor.

    Natív API = amivel a nodejs alapból rendelkezik

    Koa, restify = nodejs könyvtárak amiket más emberek irtak, webszervert lehet velük megvalositani.

    Reszponziv kliens = bármilyen kijelzo mérethez idomodo webes applikacio

  • Aureal
    őstag

    A böngésző minden esetben egy webszerverrel tud csak kommunikálni. A routeren lévő webes UI is pont ugyanígy működik.
    Utána a webszerver már bármivel tud kommunikálni.

    S ilyen webservert a rooterek tartalmaznak hardveresen akkor?

  • Aureal
    őstag

    Lehetséges,

    a legtöbb mai mikrokontrollert lehet valami olyan szkriptnyelvvel programozni ahol tudsz csinálni egy API szervert majd a böngésződ közönséges http protokkollon keresztül kommunikálna vele. Biztos vagyok benne hogy vannak más, direkt mikrokontrollerekre optimalizált protokollok amiken keresztül távolról tudjátok vezérelni de még mindig a legegyszerűbb hagyományos REST hívások megvalósítása lenne. Mivel javascript topikban vagyunk álljon itt egy javascriptes példa.

    Adott XY mikrokontroller amire fel tudsz tenni egy nodejs-t. Nodejs-ben nativ api-val, expressel, koa-val vagy csak simán egy restify-al csinálsz egy API szervert és erre csinálsz egy reszponziv böngésző/mobil kliens-t. A szerver egy JohnnyFive-al kommunikál a mikrokontrollerrel.

    Remek hogy mehet! Köszi!

    A témában viszont absz kezdő vagyok, ilyen fogalmakról még nem hallottam hogy:
    API szerver
    REST hívás
    nodejs
    nativ api
    koa
    restify
    reszponziv kliens
    :F

  • maestro87
    őstag

    Az ilyet Javascriptben írják meg. Ha megnézed a forrást találsz ilyet, hogy remainTime amiben van day, hour, mini és sec. Ezeket kell figyelni, hogy 0 legyen mind, viszont azt is figyelembe kell venni, hogy van egy betű is ott. Szóval ha mondjuk a .remainTime .day egyenlő 0d-vel és így tovább akkor egy esemény következik a gombon ami alatta van.

    És ezt pl. Tampermonkey bővítményben kell futtatni?

    Megtudnád írni nekem? Gondolom csak pár sor. :U C-ben tudok programozni, de a Javascript-ben nem igazodok el... Jöhet pm-ben is.
    :R

  • PumpkinSeed
    addikt

    Sziasztok!

    Nem tudom, hogy jó helyen járok-e, remélem igen.:)
    Adott egy online shop ami ehhez hasonló akciókat fog szervezni a napokban. Mint látható nagyon olcsón megvásárolhatóak lesznek egyes termékek, de csak limitált mennyiségben (linkeltnél ez 1 főt jelent). A lényege, hogy amint a számláló a nullához ér, meg kell nyomni a Buy gombot. Aki a leghamarabb nyomja meg, az veheti meg a terméket a kiírt áron.
    Nem kamu akciók, tényleg csak a gombnyomáson múlik a dolog, de minden ms számít...

    Na most állítólag a leleményes ruszkik:D ezeket script-ekkel (Java?) szokták megnyerni ami kattint helyettük a megfelelő időben. Legalábbis elég gyanús, hogy a legnagyobb akciókat orosz e-mail-lel rendelkezők nyerik.
    Tehát én is egy ilyen srcipt-et szeretnék. :D Viszont nem konyítok az efféle script-ekhez. :(((
    A kérdés, hogy van-e vállalkozó szellemű aki segítene nekem ebben? :B

    Valami olyasmi kellene ami x időnként frissítené a számlálót (el szokott csúszni) és 0-nál automatikusan megnyomná a gombot.
    Tudom, hogy sok múlhat a ping-en is, de azért mégis nagyobb eséllyel indulnánk a "versenyben".:)
    Mellesleg nekem is és egy fórumtársnak is sikerült már megcsípni 1 centes billentyűzetet, illetve tablet-et, szóval nem lehetetlen.
    Remélem tud valaki segíteni... és nem csak magának tartja meg a srcipt-et. ;] :R

    Az ilyet Javascriptben írják meg. Ha megnézed a forrást találsz ilyet, hogy remainTime amiben van day, hour, mini és sec. Ezeket kell figyelni, hogy 0 legyen mind, viszont azt is figyelembe kell venni, hogy van egy betű is ott. Szóval ha mondjuk a .remainTime .day egyenlő 0d-vel és így tovább akkor egy esemény következik a gombon ami alatta van.

  • maestro87
    őstag

    Sziasztok!

    Nem tudom, hogy jó helyen járok-e, remélem igen.:)
    Adott egy online shop ami ehhez hasonló akciókat fog szervezni a napokban. Mint látható nagyon olcsón megvásárolhatóak lesznek egyes termékek, de csak limitált mennyiségben (linkeltnél ez 1 főt jelent). A lényege, hogy amint a számláló a nullához ér, meg kell nyomni a Buy gombot. Aki a leghamarabb nyomja meg, az veheti meg a terméket a kiírt áron.
    Nem kamu akciók, tényleg csak a gombnyomáson múlik a dolog, de minden ms számít...

    Na most állítólag a leleményes ruszkik:D ezeket script-ekkel (Java?) szokták megnyerni ami kattint helyettük a megfelelő időben. Legalábbis elég gyanús, hogy a legnagyobb akciókat orosz e-mail-lel rendelkezők nyerik.
    Tehát én is egy ilyen srcipt-et szeretnék. :D Viszont nem konyítok az efféle script-ekhez. :(((
    A kérdés, hogy van-e vállalkozó szellemű aki segítene nekem ebben? :B

    Valami olyasmi kellene ami x időnként frissítené a számlálót (el szokott csúszni) és 0-nál automatikusan megnyomná a gombot.
    Tudom, hogy sok múlhat a ping-en is, de azért mégis nagyobb eséllyel indulnánk a "versenyben".:)
    Mellesleg nekem is és egy fórumtársnak is sikerült már megcsípni 1 centes billentyűzetet, illetve tablet-et, szóval nem lehetetlen.
    Remélem tud valaki segíteni... és nem csak magának tartja meg a srcipt-et. ;] :R

  • martonx
    veterán

    Böngészö képes volna szerintetek kifelé kommunikálni megfelelő kódokkal vagy scriptnyelvvel egy mikrokontroller felé? Egy ismerősöm ui. így gondolná megoldani a lakása elektronikus vezérlését, hogy a grafikus felületet egy html oldalban dizájnolnám meg neki, amit telefonról stb tudna nyomkorászni.
    Elvileg a rooterek programozása ugyanígy müxik, amiből ötletileg kiindultunk...
    :F :F :F
    :R

    A böngésző minden esetben egy webszerverrel tud csak kommunikálni. A routeren lévő webes UI is pont ugyanígy működik.
    Utána a webszerver már bármivel tud kommunikálni.

  • Jim-Y
    veterán

    Böngészö képes volna szerintetek kifelé kommunikálni megfelelő kódokkal vagy scriptnyelvvel egy mikrokontroller felé? Egy ismerősöm ui. így gondolná megoldani a lakása elektronikus vezérlését, hogy a grafikus felületet egy html oldalban dizájnolnám meg neki, amit telefonról stb tudna nyomkorászni.
    Elvileg a rooterek programozása ugyanígy müxik, amiből ötletileg kiindultunk...
    :F :F :F
    :R

    Lehetséges,

    a legtöbb mai mikrokontrollert lehet valami olyan szkriptnyelvvel programozni ahol tudsz csinálni egy API szervert majd a böngésződ közönséges http protokkollon keresztül kommunikálna vele. Biztos vagyok benne hogy vannak más, direkt mikrokontrollerekre optimalizált protokollok amiken keresztül távolról tudjátok vezérelni de még mindig a legegyszerűbb hagyományos REST hívások megvalósítása lenne. Mivel javascript topikban vagyunk álljon itt egy javascriptes példa.

    Adott XY mikrokontroller amire fel tudsz tenni egy nodejs-t. Nodejs-ben nativ api-val, expressel, koa-val vagy csak simán egy restify-al csinálsz egy API szervert és erre csinálsz egy reszponziv böngésző/mobil kliens-t. A szerver egy JohnnyFive-al kommunikál a mikrokontrollerrel.

  • Aureal
    őstag

    Böngészö képes volna szerintetek kifelé kommunikálni megfelelő kódokkal vagy scriptnyelvvel egy mikrokontroller felé? Egy ismerősöm ui. így gondolná megoldani a lakása elektronikus vezérlését, hogy a grafikus felületet egy html oldalban dizájnolnám meg neki, amit telefonról stb tudna nyomkorászni.
    Elvileg a rooterek programozása ugyanígy müxik, amiből ötletileg kiindultunk...
    :F :F :F
    :R

  • fordfairlane
    veterán

    Már működik :)) Durva, hogy egy ilyen kicsi probléma így bekavart... Múltkor pl azt figyeltem meg, hogy ha lehagyok egy pontosvesszőt, akkor addig lefut a program, de tovább már nem.

    Ezt az F12-t majd fogom használni, amint rájövök, hogyan kell :DDD

    Milyen kódolásra kell állítani a szöveget, hogy ne ezt kapjam?:
    A megadott szám: 3
    A megadott számmal osztható szmáok összege egytől ezerig: 166833

    Esetleg az előfordulhat, hogy egyes böngészőkben nem fog valami rendesen működni? (Különösen Edge+ARM-es változatok.) Egyenlőre még Notepad++t használok, majd holnaptól ez változni fog :K

    Amennyire láttam, a ++i előbb ad egyet i-hez, és "utána engedi i-t használni", míg az i++ "előbb használja i-t (pl írja ki) és csak utána növeli meg eggyel." i+++ van?

    <meta charset="utf-8">

    Ezt rakd be a nyitó <head> után.

    Ezt az F12-t majd fogom használni, amint rájövök, hogyan kell :DDD

    F12, megjelenik az egész dev toolbar. Kiválasztod a konzol fület, ott látod a különféle hibajelzéseket is. Ha javascript hiba van, akkor így tudod a leggyorsabban kideríteni. Nincs itt semmi varázslat. Ez kábé ugyanaz Firefox, Chrome és IE11 alatt is.

    Esetleg az előfordulhat, hogy egyes böngészőkben nem fog valami rendesen működni?

    Ez a kód működni fog mindenféle böngészően, nem olyan bonyolult ez.

    Amennyire láttam, a ++i előbb ad egyet i-hez, és "utána engedi i-t használni", míg az i++ "előbb használja i-t (pl írja ki) és csak utána növeli meg eggyel." i+++ van?

    nem egészen, de for ciklus esetén mindegy, hogy pre- vagy postinceremnt van a léptetőkifejezésben. Nincs i+++; Négy kereszttel sincs.

  • Hunmugli
    aktív tag

    Már működik :)) Durva, hogy egy ilyen kicsi probléma így bekavart... Múltkor pl azt figyeltem meg, hogy ha lehagyok egy pontosvesszőt, akkor addig lefut a program, de tovább már nem.

    Ezt az F12-t majd fogom használni, amint rájövök, hogyan kell :DDD

    Milyen kódolásra kell állítani a szöveget, hogy ne ezt kapjam?:
    A megadott szám: 3
    A megadott számmal osztható szmáok összege egytől ezerig: 166833

    Esetleg az előfordulhat, hogy egyes böngészőkben nem fog valami rendesen működni? (Különösen Edge+ARM-es változatok.) Egyenlőre még Notepad++t használok, majd holnaptól ez változni fog :K

    Amennyire láttam, a ++i előbb ad egyet i-hez, és "utána engedi i-t használni", míg az i++ "előbb használja i-t (pl írja ki) és csak utána növeli meg eggyel." i+++ van?

  • disy68
    aktív tag

    Előttem szóló kollégához annyit tennék hozzá, hogy nem .js-ben, hanem .html-ben menteném le.

    A böngésződ a head-be rakott script tagből tudni fogja, hogy ott egy javascript kódot kell futtatnia, viszont a js fájl nem fog tudni neked az általad írt formában <html>, <head>, meg <body> tageket megjeleníteni.

    Meg a for loopban ++i helyett i++ -t szoktunk használni, mert:
    http://stackoverflow.com/questions/6867876/javascript-i-vs-i

    For loop-nál mindegy működés szempontjából melyiket használod. [fiddle]

    Tény, hogy én sem használom a preincrement-et kb soha :)

  • fordfairlane
    veterán

    Előttem szóló kollégához annyit tennék hozzá, hogy nem .js-ben, hanem .html-ben menteném le.

    A böngésződ a head-be rakott script tagből tudni fogja, hogy ott egy javascript kódot kell futtatnia, viszont a js fájl nem fog tudni neked az általad írt formában <html>, <head>, meg <body> tageket megjeleníteni.

    Meg a for loopban ++i helyett i++ -t szoktunk használni, mert:
    http://stackoverflow.com/questions/6867876/javascript-i-vs-i

    Meg a for loopban ++i helyett i++ -t szoktunk használni, mert:

    Mert?

  • GG888
    senior tag

    Még egy kicsit emésztenem kell a leírtakat, amihez idő kell. Sajnos továbbra sem működik a program. Elmentettem .js-ben, azt írta, az első sor első karaktere hibás :O
    Belinkelem az egész kódot (berakom a hszbe*), mert máshol is lehet benne hiba nem csak az elején, és nem csak szintaktikai, de alapvetően annyi segítségre lenne szükségem, hogy a promptig működjön. És egyenlőre böngészőben futtatott offline program a cél, nomeg a tanulás..

    <html>
    <head>
    <script type="text/javascript">
    var n=prompt('A számok összege egytől ezerig, melyek oszthatók ezzel a számmal:');
    var szamokosszege=0;
    while(!isFinite(n)){
    n=prompt('A számok összege egytől ezerig, melyek oszthatók ezzel a számmal:');
    }
    document.write('A megadott szám: ', n , <br />)
    for(var i=1;i<=1000;++i){
    if(i%n==0){
    szamokosszege+=i;
    }
    }
    document.write('A megadott számmal osztható számok összege egytől ezerig: ', szamokosszege);
    </script>
    </head>
    <body>

    </body>
    </html>

    Azt a kódoló programot sem tudtam még kipróbálni. Válasszal ráértek :)

    Szerk.: így megnézve a hszt, az első html nem piros, hanem fekete. (Azért használok pl prompt-ot, mert videóban ezeket láttam. De majd áttérek a beviteli mezőre :) )

    Előttem szóló kollégához annyit tennék hozzá, hogy nem .js-ben, hanem .html-ben menteném le.

    A böngésződ a head-be rakott script tagből tudni fogja, hogy ott egy javascript kódot kell futtatnia, viszont a js fájl nem fog tudni neked az általad írt formában <html>, <head>, meg <body> tageket megjeleníteni.

    Meg a for loopban ++i helyett i++ -t szoktunk használni, mert:
    http://stackoverflow.com/questions/6867876/javascript-i-vs-i

  • fordfairlane
    veterán

    Még egy kicsit emésztenem kell a leírtakat, amihez idő kell. Sajnos továbbra sem működik a program. Elmentettem .js-ben, azt írta, az első sor első karaktere hibás :O
    Belinkelem az egész kódot (berakom a hszbe*), mert máshol is lehet benne hiba nem csak az elején, és nem csak szintaktikai, de alapvetően annyi segítségre lenne szükségem, hogy a promptig működjön. És egyenlőre böngészőben futtatott offline program a cél, nomeg a tanulás..

    <html>
    <head>
    <script type="text/javascript">
    var n=prompt('A számok összege egytől ezerig, melyek oszthatók ezzel a számmal:');
    var szamokosszege=0;
    while(!isFinite(n)){
    n=prompt('A számok összege egytől ezerig, melyek oszthatók ezzel a számmal:');
    }
    document.write('A megadott szám: ', n , <br />)
    for(var i=1;i<=1000;++i){
    if(i%n==0){
    szamokosszege+=i;
    }
    }
    document.write('A megadott számmal osztható számok összege egytől ezerig: ', szamokosszege);
    </script>
    </head>
    <body>

    </body>
    </html>

    Azt a kódoló programot sem tudtam még kipróbálni. Válasszal ráértek :)

    Szerk.: így megnézve a hszt, az első html nem piros, hanem fekete. (Azért használok pl prompt-ot, mert videóban ezeket láttam. De majd áttérek a beviteli mezőre :) )

    document.write('A megadott szám: ', n , <br />)

    helyett

    document.write('A megadott szám: ', n , '<br />')

    Használd a böngésző developer-tooljait, F12. Egyből kitette nekem, hogy melyik sorban van a hiba, így már gyorsan megy a dolog.

  • Hunmugli
    aktív tag

    Még egy kicsit emésztenem kell a leírtakat, amihez idő kell. Sajnos továbbra sem működik a program. Elmentettem .js-ben, azt írta, az első sor első karaktere hibás :O
    Belinkelem az egész kódot (berakom a hszbe*), mert máshol is lehet benne hiba nem csak az elején, és nem csak szintaktikai, de alapvetően annyi segítségre lenne szükségem, hogy a promptig működjön. És egyenlőre böngészőben futtatott offline program a cél, nomeg a tanulás..

    <html>
    <head>
    <script type="text/javascript">
    var n=prompt('A számok összege egytől ezerig, melyek oszthatók ezzel a számmal:');
    var szamokosszege=0;
    while(!isFinite(n)){
    n=prompt('A számok összege egytől ezerig, melyek oszthatók ezzel a számmal:');
    }
    document.write('A megadott szám: ', n , <br />)
    for(var i=1;i<=1000;++i){
    if(i%n==0){
    szamokosszege+=i;
    }
    }
    document.write('A megadott számmal osztható számok összege egytől ezerig: ', szamokosszege);
    </script>
    </head>
    <body>

    </body>
    </html>

    Azt a kódoló programot sem tudtam még kipróbálni. Válasszal ráértek :)

    Szerk.: így megnézve a hszt, az első html nem piros, hanem fekete. (Azért használok pl prompt-ot, mert videóban ezeket láttam. De majd áttérek a beviteli mezőre :) )

  • GG888
    senior tag

    Lehet kicsit extrém, de amíg csak nagyon egyszerű kódokkal próbálkozol, mehet eleve jsfiddle-be, s így legalább egy laza mozdulattal be tudod nekünk linkelni, és megkérdezni, hogy mi nem működik.
    Egyébként +1 szavazat a Visual Studio Code-ra.

    Úgyúgy, én is egyre többet haszálom a Sublime Text helyett. Atom.io nekem nem jött annyira át.

  • martonx
    veterán

    Sziasztok!

    Nemrég én is elkezdtem foglalkozni a nyelvvel, (első nyelvem.. freepascalt tanultam lazarusban egy hónapig, vagyis mondhatjuk, hogy kezdő vagyok..), és nagyon megtetszett.

    Van egy magyar oktatóvideó-sorozat, illetve pár külföldi oldal, azokon nézegettem, hogyan is működik a Javascript. Alapvetően az a problémám, hogy nincs rendesen elmagyarázva, miben is érdemes programozni, ezért Notepad++ban kezdtem el. Tegnap írtam is egy programot, ami kiírta, mennyi 3*5 és 3+5 :K :D

    De letöröltem. Ma megpróbálkoztam valami mással, de az a baj, hogy nem igazán működik. Kizárt, hogy a kóddal van a baj, mert a

    var n=prompt('valamilyen szöveg')-re be kéne kérnie n-t, de a program indításánál egy fehér oldal fogad, és semmi...

    Szóval nem tudom, mit csinálhatok rosszul. A <script> és hasonlók megvannak.. Html-be van mentve a fájl, talán ez a baj?

    Esetleg lehagyhattam valami pontosvesszőt? Ez a másik kérdés, notepad++ tud szintaktikai hibákat ellenőrizni? Hol?

    Vagy valami letiltódhatott a böngészőkben tegnap óta? (Többen is kipróbáltam.)

    Mint láthatjátok, kezdő vagyok, de.. segítség kell :))

    Lehet kicsit extrém, de amíg csak nagyon egyszerű kódokkal próbálkozol, mehet eleve jsfiddle-be, s így legalább egy laza mozdulattal be tudod nekünk linkelni, és megkérdezni, hogy mi nem működik.
    Egyébként +1 szavazat a Visual Studio Code-ra.

  • Jim-Y
    veterán

    Szia

    ad1: ha windows-od van akkor Visual Studio Code, ingyenes és nagyon jó JavaScript fejlesztéshez [link]
    ad1.1: ha ez nem tetszik akkor Atom editor. Ez is ingyenes. Notepad++ -al ne fáraszd magad az nem alkalmas erre
    ad2: tanulni angol nyelvű szövegből érdemes, sokkal több naprakész információt találni mint magyar nyelven. Igazából a magyar nyelvű JS közösség is angolul publikál ha van valamit publikálni már csak ezért is felejtsd el hogy magyar szövegből tanulsz :)
    ad3: az elején vagy, ez nem gond, az meg nagyon jó, hogy tetszik a nyelv, mert szuper jó, és a kereslet is van jó JS (fullstack) szakemberekre. De... a prompt() nem egy életszerű dolog, ezért nem is javaslom, hogy azzal gyakorolj, egyetlenegy oldalt nem tudok, ahol használnak prompt()-ot. Ha felhasználói bevitelre van szükség, akkor input mezőt használj.

    Mutatok egy példa kódot, ami megoldja a te példádat: [link]

    Na, csak így ide hányni ezt a kódot tőlem nem sok értelme volt, ennél sokkal több magyarázatot akartam írni, csak közben indulnom kellett. Ha mást nem akkor annyit vegyél át belőle hogy a tanulasnal már input mezobol tudod bekerni az adatokat és nem prompt - al . ☺️ egyébként meg sok érdekes, fontos alapvető dolog lenne ebben a kis kodreszletben is amiről érdemes lenne beszélni, de a többiektől tuti megkapnam hogy kezdorol beszélünk akinek az alapokkal kéne kezdenie amivel ebben az esetben egyet is értenék. Azért ha van kérdés akkor tedd fel nyugodtan 😜

  • Jim-Y
    veterán

    Sziasztok!

    Nemrég én is elkezdtem foglalkozni a nyelvvel, (első nyelvem.. freepascalt tanultam lazarusban egy hónapig, vagyis mondhatjuk, hogy kezdő vagyok..), és nagyon megtetszett.

    Van egy magyar oktatóvideó-sorozat, illetve pár külföldi oldal, azokon nézegettem, hogyan is működik a Javascript. Alapvetően az a problémám, hogy nincs rendesen elmagyarázva, miben is érdemes programozni, ezért Notepad++ban kezdtem el. Tegnap írtam is egy programot, ami kiírta, mennyi 3*5 és 3+5 :K :D

    De letöröltem. Ma megpróbálkoztam valami mással, de az a baj, hogy nem igazán működik. Kizárt, hogy a kóddal van a baj, mert a

    var n=prompt('valamilyen szöveg')-re be kéne kérnie n-t, de a program indításánál egy fehér oldal fogad, és semmi...

    Szóval nem tudom, mit csinálhatok rosszul. A <script> és hasonlók megvannak.. Html-be van mentve a fájl, talán ez a baj?

    Esetleg lehagyhattam valami pontosvesszőt? Ez a másik kérdés, notepad++ tud szintaktikai hibákat ellenőrizni? Hol?

    Vagy valami letiltódhatott a böngészőkben tegnap óta? (Többen is kipróbáltam.)

    Mint láthatjátok, kezdő vagyok, de.. segítség kell :))

    Szia

    ad1: ha windows-od van akkor Visual Studio Code, ingyenes és nagyon jó JavaScript fejlesztéshez [link]
    ad1.1: ha ez nem tetszik akkor Atom editor. Ez is ingyenes. Notepad++ -al ne fáraszd magad az nem alkalmas erre
    ad2: tanulni angol nyelvű szövegből érdemes, sokkal több naprakész információt találni mint magyar nyelven. Igazából a magyar nyelvű JS közösség is angolul publikál ha van valamit publikálni már csak ezért is felejtsd el hogy magyar szövegből tanulsz :)
    ad3: az elején vagy, ez nem gond, az meg nagyon jó, hogy tetszik a nyelv, mert szuper jó, és a kereslet is van jó JS (fullstack) szakemberekre. De... a prompt() nem egy életszerű dolog, ezért nem is javaslom, hogy azzal gyakorolj, egyetlenegy oldalt nem tudok, ahol használnak prompt()-ot. Ha felhasználói bevitelre van szükség, akkor input mezőt használj.

    Mutatok egy példa kódot, ami megoldja a te példádat: [link]

  • fordfairlane
    veterán

    Sziasztok!

    Nemrég én is elkezdtem foglalkozni a nyelvvel, (első nyelvem.. freepascalt tanultam lazarusban egy hónapig, vagyis mondhatjuk, hogy kezdő vagyok..), és nagyon megtetszett.

    Van egy magyar oktatóvideó-sorozat, illetve pár külföldi oldal, azokon nézegettem, hogyan is működik a Javascript. Alapvetően az a problémám, hogy nincs rendesen elmagyarázva, miben is érdemes programozni, ezért Notepad++ban kezdtem el. Tegnap írtam is egy programot, ami kiírta, mennyi 3*5 és 3+5 :K :D

    De letöröltem. Ma megpróbálkoztam valami mással, de az a baj, hogy nem igazán működik. Kizárt, hogy a kóddal van a baj, mert a

    var n=prompt('valamilyen szöveg')-re be kéne kérnie n-t, de a program indításánál egy fehér oldal fogad, és semmi...

    Szóval nem tudom, mit csinálhatok rosszul. A <script> és hasonlók megvannak.. Html-be van mentve a fájl, talán ez a baj?

    Esetleg lehagyhattam valami pontosvesszőt? Ez a másik kérdés, notepad++ tud szintaktikai hibákat ellenőrizni? Hol?

    Vagy valami letiltódhatott a böngészőkben tegnap óta? (Többen is kipróbáltam.)

    Mint láthatjátok, kezdő vagyok, de.. segítség kell :))

    Ez nem off, nyugodtan hagyhattad volna feketében. Ha valami nem működik egy általunk összerakott oldalon, akkor manapság az első mozdulat a F12 használata legyen a böngészőben. Ez hozza elő a developer toolbart, ahol mindenféle eszközt találsz a hibakereséshez. Első körben nézd meg a console-t, ír-e valami javascript hibát.

  • Hunmugli
    aktív tag

    Sziasztok!

    Nemrég én is elkezdtem foglalkozni a nyelvvel, (első nyelvem.. freepascalt tanultam lazarusban egy hónapig, vagyis mondhatjuk, hogy kezdő vagyok..), és nagyon megtetszett.

    Van egy magyar oktatóvideó-sorozat, illetve pár külföldi oldal, azokon nézegettem, hogyan is működik a Javascript. Alapvetően az a problémám, hogy nincs rendesen elmagyarázva, miben is érdemes programozni, ezért Notepad++ban kezdtem el. Tegnap írtam is egy programot, ami kiírta, mennyi 3*5 és 3+5 :K :D

    De letöröltem. Ma megpróbálkoztam valami mással, de az a baj, hogy nem igazán működik. Kizárt, hogy a kóddal van a baj, mert a

    var n=prompt('valamilyen szöveg')-re be kéne kérnie n-t, de a program indításánál egy fehér oldal fogad, és semmi...

    Szóval nem tudom, mit csinálhatok rosszul. A <script> és hasonlók megvannak.. Html-be van mentve a fájl, talán ez a baj?

    Esetleg lehagyhattam valami pontosvesszőt? Ez a másik kérdés, notepad++ tud szintaktikai hibákat ellenőrizni? Hol?

    Vagy valami letiltódhatott a böngészőkben tegnap óta? (Többen is kipróbáltam.)

    Mint láthatjátok, kezdő vagyok, de.. segítség kell :))

  • mts2
    csendes tag

    Ez egesz egzszeruen nem mukodik, gondoltam megprobalom en is, csatlakoztam a Windows Insider Preview programhoz, frissitettem a Win10-emet a legujabb developer buildre, beallitottam a flaget es osszehoztam a peldat, majd a bongeszo be se tolti az oldalt szv ez ugy bugos ahogy van...

    Nagyon nagy köszönet a fáradozásaidért,
    ha nálad sem működik, akkor tényleg nagyon valószínű,
    hogy Edge-ben lesz a probléma.

  • Jim-Y
    veterán

    A type="module" nélkül nem kapom a fenti hibaüzenetet,
    de ilyenkor nem történik semmi (és nem is várom, hogy történjen
    bármi is, hiszen es6 module-ról van szó).

    Mielőtt segítséget kértem, megpróbáltam mindenben pontosan a link-ben
    leírtak szerint eljárni, igen bejelöltem az "Enable experimental JavaScript features"-t.

    Köszi.

    Ez egesz egzszeruen nem mukodik, gondoltam megprobalom en is, csatlakoztam a Windows Insider Preview programhoz, frissitettem a Win10-emet a legujabb developer buildre, beallitottam a flaget es osszehoztam a peldat, majd a bongeszo be se tolti az oldalt szv ez ugy bugos ahogy van...

  • mts2
    csendes tag

    Akkor ez ismét hülye kérdés lesz, de a modulos móka nélkül betölti rendesen az index.html-t? :U

    És ez vajon megvolt? To light up ES6 modules and other experimental JavaScript features in Edge, you can navigate to about:flags and select the “Enable experimental JavaScript features” flag.
    Read more at https://blogs.windows.com/msedgedev/2016/05/17/es6-modules-and-beyond/#URzLuzu0OSvyVsGi.99

    A type="module" nélkül nem kapom a fenti hibaüzenetet,
    de ilyenkor nem történik semmi (és nem is várom, hogy történjen
    bármi is, hiszen es6 module-ról van szó).

    Mielőtt segítséget kértem, megpróbáltam mindenben pontosan a link-ben
    leírtak szerint eljárni, igen bejelöltem az "Enable experimental JavaScript features"-t.

    Köszi.

  • martonx
    veterán

    A fenti kód 3 file-ban van (app.js, index.html, math.js)
    a mymodules nevű mappában.

    A kérdésem teljesen egyértelmű volt: "Próbálta-e valaki...?".

    "nézz utána a webfejlesztésnek": Talán elkerülte a figyelmedet,
    hogy a Microsoft a világon elsőként tette lehetővé az Edge-ben
    az es6 module-k használatát (külön module loading nélkül),
    tehát a fenti honlapon kívül nem tudom,
    hogy hol nézhetnék még máshol utána.

    Mégegyszer köszönöm, hogy időt és energiát szántál a kérdésemre.

    Jim-Y:

    Természetesen mielőtt feltettem a kérdést a fórumon,
    ezer féle módon próbáltam
    futtatni a fenti kódrészletet, próbáltam szerverről is,
    próbáltam mindkét module-t scriptbe beágyazni, sajnos nem működik.

    Köszi.

    Akkor ez ismét hülye kérdés lesz, de a modulos móka nélkül betölti rendesen az index.html-t? :U

    És ez vajon megvolt? To light up ES6 modules and other experimental JavaScript features in Edge, you can navigate to about:flags and select the “Enable experimental JavaScript features” flag.
    Read more at https://blogs.windows.com/msedgedev/2016/05/17/es6-modules-and-beyond/#URzLuzu0OSvyVsGi.99

  • mts2
    csendes tag

    Nem próbáltam ki. Ami inkább nem világos, hogy az app.js-t és a math.js-t ugye megcsináltad rendesen, és nem a bemásolt kód alapján szeretnéd azt hinni, hogy ezzel készen van a feladat?

    Mert ha ezt a kódot várod működni, amit bemásoltál, akkor előbb nézz egy picit jobban utána a webfejlesztésnek.

    A fenti kód 3 file-ban van (app.js, index.html, math.js)
    a mymodules nevű mappában.

    A kérdésem teljesen egyértelmű volt: "Próbálta-e valaki...?".

    "nézz utána a webfejlesztésnek": Talán elkerülte a figyelmedet,
    hogy a Microsoft a világon elsőként tette lehetővé az Edge-ben
    az es6 module-k használatát (külön module loading nélkül),
    tehát a fenti honlapon kívül nem tudom,
    hogy hol nézhetnék még máshol utána.

    Mégegyszer köszönöm, hogy időt és energiát szántál a kérdésemre.

    Jim-Y:

    Természetesen mielőtt feltettem a kérdést a fórumon,
    ezer féle módon próbáltam
    futtatni a fenti kódrészletet, próbáltam szerverről is,
    próbáltam mindkét module-t scriptbe beágyazni, sajnos nem működik.

    Köszi.

  • Jim-Y
    veterán

    Nem próbáltam ki. Ami inkább nem világos, hogy az app.js-t és a math.js-t ugye megcsináltad rendesen, és nem a bemásolt kód alapján szeretnéd azt hinni, hogy ezzel készen van a feladat?

    Mert ha ezt a kódot várod működni, amit bemásoltál, akkor előbb nézz egy picit jobban utána a webfejlesztésnek.

    Azokkal nincs gond szerintem inkább hogy fut-e alatta webszerver ami kiszolgálja a './app.js'-t vagy ilyesmi lehet a gond. Az index.html-t csak simán megnyitva böngészővel biztosan nem fog működni a dolog, hanem vagy be kell ágyazni a scripteket a html-be vagy el kell indítani egy http szervert.

  • martonx
    veterán

    Köszi, hogy válaszoltál. Nem teljesen világos,
    hogy kipróbáltad-e és az alapján írod, hogy
    működnie kellene.

    A kód (majdnem) ugyanaz, ami a leírásban szerepel, de azért
    mellékelem.

    // mymodules/app.js

    import { sum } from './math.js';
    console.log(sum(1, 2));


    // mymodules/index.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Nincs</title>
    </head>
    <body>
    <script type="module" src="./app.js"/>
    </body>
    </html>


    // mymodules/math.js

    export const sum = (a, b) => a + b;
    export const mult = (a, b) => a * b;

    Nem próbáltam ki. Ami inkább nem világos, hogy az app.js-t és a math.js-t ugye megcsináltad rendesen, és nem a bemásolt kód alapján szeretnéd azt hinni, hogy ezzel készen van a feladat?

    Mert ha ezt a kódot várod működni, amit bemásoltál, akkor előbb nézz egy picit jobban utána a webfejlesztésnek.

  • mts2
    csendes tag

    Mondjuk ha az ez alapján elkészült megvalósításodat is linkelnéd :U
    Elvileg működnie kellene.

    Köszi, hogy válaszoltál. Nem teljesen világos,
    hogy kipróbáltad-e és az alapján írod, hogy
    működnie kellene.

    A kód (majdnem) ugyanaz, ami a leírásban szerepel, de azért
    mellékelem.

    // mymodules/app.js

    import { sum } from './math.js';
    console.log(sum(1, 2));


    // mymodules/index.html

    <!DOCTYPE html>
    <html>
    <head>
    <title>Nincs</title>
    </head>
    <body>
    <script type="module" src="./app.js"/>
    </body>
    </html>


    // mymodules/math.js

    export const sum = (a, b) => a + b;
    export const mult = (a, b) => a * b;

  • martonx
    veterán

    link

    A fenti link-ben leírtak alapján próbáltam es6 module-t futtatni
    Edge böngészőben (Microsoft EdgeHTML 14.14393) , de nem hajlandó betölteni
    az index.html-t. (This page is having a problem loading -hibaüzenetet kapok)

    Érdeklődnék, hogy valaki próbálta-e, és működött-e?
    Én csinálok valamit rosszul vagy ez még nem működik?

    Köszi!

    Mondjuk ha az ez alapján elkészült megvalósításodat is linkelnéd :U
    Elvileg működnie kellene.

  • mts2
    csendes tag

    link

    A fenti link-ben leírtak alapján próbáltam es6 module-t futtatni
    Edge böngészőben (Microsoft EdgeHTML 14.14393) , de nem hajlandó betölteni
    az index.html-t. (This page is having a problem loading -hibaüzenetet kapok)

    Érdeklődnék, hogy valaki próbálta-e, és működött-e?
    Én csinálok valamit rosszul vagy ez még nem működik?

    Köszi!

  • Pontosan. A success attribútumra be kell lőni egy függvényt, ami a kapott válasszal csinál is valamit. Egyébként a jquery load metódusa ebből a szempontból egyszerűbb.

    <!DOCTYPE html>
    <html lang="hu">
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    <div id="target"></div>
    <script src="//code.jquery.com/jquery-3.1.0.min.js"></script>
    <script>
    $("#target").load("localhost/test2.php");
    </script>
    </body>
    </html>

    Köszi, hamarosan kipróbálom :)

  • fordfairlane
    veterán

    Vagy esetleg kellene egy div, amibe letöltsem?

    Pontosan. A success attribútumra be kell lőni egy függvényt, ami a kapott válasszal csinál is valamit. Egyébként a jquery load metódusa ebből a szempontból egyszerűbb.

    <!DOCTYPE html>
    <html lang="hu">
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    <div id="target"></div>
    <script src="//code.jquery.com/jquery-3.1.0.min.js"></script>
    <script>
    $("#target").load("localhost/test2.php");
    </script>
    </body>
    </html>

  • Php fut, külön meghívva megjelenik. A konzolt majd nézem. Jquery-t hogyan kell behúzni?

    Konzolon csak annyi, hogy letöltődött az oldal.

  • A böngésző konzol semmilyen hibauzenetet nem ír ki? A PHP script veszi a hívás és csinál valamit? A jquery be van húzva? Fut a php script?

    Php fut, külön meghívva megjelenik. A konzolt majd nézem. Jquery-t hogyan kell behúzni?

  • Jim-Y
    veterán

    Vagy esetleg kellene egy div, amibe letöltsem?

    A böngésző konzol semmilyen hibauzenetet nem ír ki? A PHP script veszi a hívás és csinál valamit? A jquery be van húzva? Fut a php script?

  • <script type="text/javascript">
    $.ajax({
    method: "GET",
    url: "localhost/test2.php"
    });
    </script>

    Ezt csak betettem a html bodyba, de nem csinál semmit. Gondolom az oldal betöltésére kéne ráülni, ha azt akarom, hogy azonnal megjelenjen...

    Vagy esetleg kellene egy div, amibe letöltsem?

  • Mutasd hogy hogyan próbáltad ☺️

    <script type="text/javascript">
    $.ajax({
    method: "GET",
    url: "localhost/test2.php"
    });
    </script>

    Ezt csak betettem a html bodyba, de nem csinál semmit. Gondolom az oldal betöltésére kéne ráülni, ha azt akarom, hogy azonnal megjelenjen...

  • Jim-Y
    veterán

    Kicsit megcsúsztam a dologgal, szóval most tudtam érdemben foglalkozni vele... :S Nézegettem Ajax tutorialokat, de nem jöttem rá, hova és hogyan teszek be egy ilyen hívást. Mert ha csak egy scriptbe rakom be a HTML-be, akkor nem fut le...

    Mutasd hogy hogyan próbáltad ☺️

  • De miért gányolsz, amikor egy ajax hívással ezt pofon egyszerűen el tudod intézni?

    $.ajax({
    method: "GET",
    url: "test.php"
    });

    Kicsit megcsúsztam a dologgal, szóval most tudtam érdemben foglalkozni vele... :S Nézegettem Ajax tutorialokat, de nem jöttem rá, hova és hogyan teszek be egy ilyen hívást. Mert ha csak egy scriptbe rakom be a HTML-be, akkor nem fut le...

  • Jim-Y
    veterán

    Az a baj, hogy a project backend agyon van bonyolítva, szét van vágva egy csomó rétegre (javarészt feleslegesen), és minden API híváshoz hozzá kell csapni egy custom auth headert benne az érvényes tokennel, ha ez nincs, akkor jön a 401. Ezt megkerülni nem opció, ezért farfekvéses ez a gyermek. Nehéz szülés. :(

  • DNReNTi
    őstag

    De mi a baj azzal ha a szervered szolgálja ki. Nem értem, hogy mi a baj az api settingsel.

    Az a baj, hogy a project backend agyon van bonyolítva, szét van vágva egy csomó rétegre (javarészt feleslegesen), és minden API híváshoz hozzá kell csapni egy custom auth headert benne az érvényes tokennel, ha ez nincs, akkor jön a 401. Ezt megkerülni nem opció, ezért farfekvéses ez a gyermek. Nehéz szülés. :(

  • Jim-Y
    veterán

    Igen igen, pont ez a bajom. :DDD Valahogy meghekkelem majd, hogy az apiSettings fogadjon promise-t, vagy hagyom az egeszet a francba, és használok valami már működő 3rd party céleszközt. Köszi!

    De mi a baj azzal ha a szervered szolgálja ki. Nem értem, hogy mi a baj az api settingsel.

  • DNReNTi
    őstag

    Megnéztem és nem lehet frissíteni a source tömböt mert a search modul amikor inicializálódik akkor $.extend-del lemásolja a bemeneti paramétereket és ezáltal a referencia elveszik tehát az, hogy te pusholsz a resource tömbbe nem fogja frissíteni az eredmény tömböt. Ezt csakis úgy tudod megoldani, ha az opciókat egy REST apival szolgálod ki.

    Igen igen, pont ez a bajom. :DDD Valahogy meghekkelem majd, hogy az apiSettings fogadjon promise-t, vagy hagyom az egeszet a francba, és használok valami már működő 3rd party céleszközt. Köszi!

  • Jim-Y
    veterán

    Sziasztok!

    Tudnátok ajánlani könyvet JavaScript tanuláshoz(szinte nulláról kezdeném), Angulart akarom majd elkezdeni csak ugye előbb le kéne fektetni hozzá alapokat... :)

    Köszi! :R

    P.S
    Egy java fejlesztő :)

    Hali,

    https://github.com/getify/You-Dont-Know-JS

    Ezt elég jónak mondják.

  • Jim-Y
    veterán

    Angularral használom (használnám), az apiSettings.url itt most nem opció, mert custom autentikációs header is hozzá van csapva a requesthez. Az elképzelésem az, hogy ng-change-re lefutna az adott $resource, a keresőszóval és amikor kész (.then()), frissítené a semantic search source tömbjét a kimenttel. Nem tudom ezt hogyan lehetne szépen megcsinálni, de szerintem a vége az lesz, hogy írok rá direktívát. :D

    Ami még csuda érdekes, hogy nem találok opciót arra, hogy a keresés a tömbben ne legyen case-sensitive...

    Megnéztem és nem lehet frissíteni a source tömböt mert a search modul amikor inicializálódik akkor $.extend-del lemásolja a bemeneti paramétereket és ezáltal a referencia elveszik tehát az, hogy te pusholsz a resource tömbbe nem fogja frissíteni az eredmény tömböt. Ezt csakis úgy tudod megoldani, ha az opciókat egy REST apival szolgálod ki.

  • CJ19
    csendes tag

    Sziasztok!

    Tudnátok ajánlani könyvet JavaScript tanuláshoz(szinte nulláról kezdeném), Angulart akarom majd elkezdeni csak ugye előbb le kéne fektetni hozzá alapokat... :)

    Köszi! :R

    P.S
    Egy java fejlesztő :)

Új hozzászólás Aktív témák