Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
Keresés
  • Mobilarena
    Frissítve: 2014-02-25 10:20 Téma összefoglaló
    Mobilarena

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

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

  • Mr Dini Mr Dini addikt
    #6084
    #6083 #68216320
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Mr Dini
    Mr Dini
    addikt
    #6083 #68216320
    #6083 #68216320

    És tényleg, köszönöm :)

    Üdv!

    Szeretném, ha kapnék egy értesítést a mobilomra, ha új hszek érkeznek egy adott ph topikba, illetve szeretném ezt egy változóban tárolni, hogy pl widgetbe beágyazható legyen. Ehhez Taskert és egy hányaveti JS kódot fabrikáltam, foggal körömmel. :))

    Ki is tudja írni az utolsó hsz-t, viszont a hangulatjelekkel picit gondban vagyok. Mert htmlben szedem le az oldalt, tehát egy szmájli így néz ki '<img src="/dl/s/.*"/ >'. Természetesen a .* helyén az url, egy üres alt="" és maga a hangulatjel nyersen (pl :)) is megtalálható. Namost, nekem az kéne, hogy ha hangulatjel van a hszben, akkor hagyja meg a nyers formáját, de más képeket ne tüntessen el.

    Próbáltam replace-szel, de az ha pl van egy hangulatjel és egy kép a szövegben, akkor a köztes részt is lecsippenti.

    Hogy tudnám megoldani?

    Köszi!

    Ui.: arra gondoltam, hogy search-csel rákeresek az első találatra (n = res.search(/<img src="\/dl\/s\/.*/g);
    fn = res.length;
    cutres = res.slice(n, fn);
    n2 = cutres.search(/ \/>/g+n);    ) és kivágom valahogy a változóból az n-től n2-ig tartó részt, de erre nem találtam parancsot.

    Ja és sajnos jQuery-t nem tudok használni, csak sima js-t. A tasker elvileg támogatja, de valamiért nem megy...

  • Karma Karma félisten
    #6082
    #6081 #68216320
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Karma
    Karma
    félisten
    #6081 #68216320
    #6081 #68216320

    Úgy nézem, résben sikerült.

    $('#t2').on("click", function (e) {
    alert("KATT!");
    });

    helyett

    $('body').on('click', '#box1 a', function() {
    alert("KATT!");
    });

    Viszont újratölti az oldalt, gondolom a href miatt. Esetleg valami mással kiválthatom?

    Meg tudod akadályozni a navigációt, ha így módosítod a kódodat:

    $('body').on('click', '#box1 a', function(e) {
    e.preventDefault();
    alert("KATT!");
    });

  • #68216320 #68216320 törölt tag
    #6081
    #6080 #68216320
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    #68216320
    #68216320
    törölt tag
    #6080 #68216320
    #6080 #68216320

    Urak, segítség kellene, mivel JS-ben nagyon-nagyon zöldfülű vagyok.
    Megpróbáltam a problémát amennyire tudtam leegyszerűsíteni.
    Mivel rövid, nem tettem fel pastebin-re.

    A main.php tartalmaz egy <div> tagot, amibe szeretnék ajax-al 1-1 linkre kattintva megfelelő tartalmat visszaírni egy background.php segítségével.
    Ezek a visszaírt tartalmak szintén linkeket tartalmaznak, amik dinamikusan generálódnak, amikre kattintva újabb ajax hívás történne a háttérben.

    A problémám az, hogy nem tudom hogyan kellene ezeknek a dinamikusan létrehozott, egyedi id-val rendelkező linkeknek a kattintás eseménykezelését megoldani.
    Ebben szeretném a segítségeteket kérni.
    Egyelőre az első linket kiválasztva szerettem volna a visszaírt linket használni és egy alert()-et megjeleníteni, de itt már elakadtam.

    main.php
    <html lang="hu-HU">
    <head>
    <meta charset="utf-8" />
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <link href="style.css" rel="stylesheet" />
    <script src="jquery-3.0.0.min.js"></script>
    <script src="myjquery.js"></script>
    </head>
    <body>
    <div id="box1">Ide jön(nek) a választott termék(ek)</div>
    <div id="box2">
    <a href="" id="link1">termék1</a>
    <a href="" id="link2">termék2</a>
    </div>
    </body>
    </htmal>

    background.php
    <?php
    if( $_GET['id'] == 'link1')
    echo 'termék 1<a href="" id="t1">töröl</a>';
    elseif( $_GET['id'] == 'link2') {
    echo 'termék 2 komponens<a href="" id="t2_1">töröl</a>';
    echo '<br />';
    echo 'termék 2 komponens<a href="" id="t2_2">töröl</a>';
    }
    ?>

    myjquery.js
    $( document ).ready(function() {

    $('#box2 a').on("click", function (e) {
    e.preventDefault();
    currentId = $(this).attr('id');
    $.ajax({url: "background.php?id="+currentId, success: function(result){
    $("#box1").html(result);
    }});
    });

    $('#t2').on("click", function (e) {
    alert("KATT!");
    });

    });

    Úgy nézem, résben sikerült.

    $('#t2').on("click", function (e) {
    alert("KATT!");
    });

    helyett

    $('body').on('click', '#box1 a', function() {
    alert("KATT!");
    });

    Viszont újratölti az oldalt, gondolom a href miatt. Esetleg valami mással kiválthatom?

  • Karma Karma félisten
    #6071
    #6070 #68216320
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Karma
    Karma
    félisten
    #6070 #68216320
    #6070 #68216320

    Sziasztok. Segítséget szeretnék kérni abban, hogy egy eddig PHP-val megoldott termékösszerakót JS-el tudjak megcsinálni.

    Az eredet probléma leírása itt található, ide most nem másolnám be.

    Gyakorlatilag az volna a feladat, hogy oldaltöltés nélkül több elemből tudjak egy "gyűjtőbe" pakolni párat, miközben folyamatosan ellenörzöm, hogy mindegyik típusból van-e már benne. Ha igen, ezeket kattintásra át kéne adnom egy PHP-nak. Illetve természetesen az összegyűjtött termékeket ki is tudjam venni a gyűjteményből. Amolyan webshop-szerű kosárba/kosárból megoldás szerintem ez is.

    Mivel még nem csináltam ilyesmit JS-ben, a szintem nagyon alacsony, ha esetleg volna olyan forráskód, amiből szemezgethetnék és egy alap működő modellt készíthetnék, annak nagyon örülnék. Köszönöm.
    Eddig úgy tűnik megúsztam a feladatokat JS nélkül, de most már nem tudom kikerülni :)

    Welcome to 2010 :)

    A feladat egyszerre könnyű és szerteágazó.

    Könnyű, mert alapvetően három lépésből áll a folyamat:
    1) a törzsadatok kiajánlása egy JSON API-n, hogy JavaScripttel le tudd őket kérni a megjelenítéshez.
    2) JS oldalon összeállítasz egy komplett modellt a konfigurált gépről, illetve megírod a validációkat ehhez a modellhez. Az 1. pontban jövő adatokból a felhasználó kattingatása alapján kitöltögeted a mezőket.
    3) Mikor minden zöld, a modell adatait JSON-né konvertálod, és egy AJAX POST hívással átadod a PHP-nak feldolgozásra. (Természetesen ott is validálni kell.)

    Szerteágazó, mert meg lehet csinálni akár vanilla JS-sel is, jQuery-vel feltuningolt de még mindig lábbalhajtós JS-sel is, meg használhatsz valamilyen frameworköt is hozzá (a JS objektumok->HTML bindingra nagyon sok megoldás van, és szerintem megérné bevetni valamelyiket).

    Példának meg a shopping cart egy remek keresőszó, a középső variánsra találtam is egy egész érdekes példát, de javaslom a Google további simogatását.

  • Sk8erPeter Sk8erPeter nagyúr
    #3338
    #3337 #68216320
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Sk8erPeter
    Sk8erPeter
    nagyúr
    #3337 #68216320
    #3337 #68216320

    Teljesen igazad van.
    Viszont az a megoldás problémás lehet, ha mouseover-re jelenik meg a törlő ikon, mert amúgy a képre kattintással adom vissza a linket az editornak, window bezárással együtt.
    Más galériában én is csináltam ilyesmit, de ott a képre kattintásnak csak amolyan fogd és vidd funkciós szerepe volt.
    Inkább az egyenkénti törlés lehet kényelmetlen. Most úgy oldottam meg, hogy csináltam a képek div-jébe checkbox-okat és így többet is ki lehet jelölni egyszerre törlésre.
    Viszont lesz egy olyan feladatom, ahol szükséges lesz a jobb menü az elemek tulajdonságainak lekéréséhez, törléshez, stb. Tehát elemenként több lehetőség lesz majd. Ott mindenképpen kelleni fog a content menü.
    Amúgy a JQuery tökéletes megoldás, köszönöm. :R Igazából én tettem fel rossz helyre a kérdést.

    "az a megoldás problémás lehet, ha mouseover-re jelenik meg a törlő ikon, mert amúgy a képre kattintással adom vissza a linket az editornak, window bezárással együtt"
    Ezt most nem értettem, miért jelent problémát. :) Hogy érted?

    A checkboxos megoldás egyébként teljesen jó.

    "Viszont lesz egy olyan feladatom, ahol szükséges lesz a jobb menü az elemek tulajdonságainak lekéréséhez, törléshez, stb."
    Háát, igazából ezekre is lehet bőven alternatívát találni, nem biztos, hogy a legjobb felülbírálni a jobbklikkes menüt. Persze ha a felhasználóknak bejövős, meg sikerül igényesen megoldani, akkor talán megbocsátható. :)
    Csak az a gáz, hogy a felhasználók számítanak arra, hogy van egy default viselkedése a böngészőnek, és akkor hoppá, hirtelen egy adott felületen más, ez nem biztos, hogy jó. Ezt csak azért mondom, hogy lehet, hogy lesz olyan felhasználó, aki emiatt anyázni fog.

    "Ott mindenképpen kelleni fog a content menü."
    Mármint context menu. :)

  • Sk8erPeter Sk8erPeter nagyúr
    #3336
    #3335 #68216320
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Sk8erPeter
    Sk8erPeter
    nagyúr
    #3335 #68216320
    #3335 #68216320

    Üdv!

    Készítek PHP-ban egy saját image browsert. Viszont a nagyon gyenge javascript tudásom miatt nem tudom megoldani, hogy a képekre történő jobb klikk-re egy saját menü jöjjön elő, egyelőre törlés lehetőségével. Ebben szeretném a segítségeteket kérni. Tehát egy képenként különböző linket tartalmazó helyi menü kellene.

    Így keress rá:
    jQuery context menu

    legjobb találatok:
    http://medialize.github.com/jQuery-contextMenu/demo/dynamic-create.html
    http://www.jquery-plugins.hu/plugin/77-jquery-context-menu.html

    http://www.jquery4u.com/menus/right-click-context-menu-plugins/

    Azt azonban érdemes lenne mérlegelned, hogy biztos jó-e, ha felülbírálod a jobbklikkes menüt, nagyon sok felhasználó nem szereti (igazából én sem nagyon).
    A törlőikonra azt is szokták csinálni, hogy ha a kép föléviszed az egeret, akkor a kép sarkában megjelenik egy piros X, amire kattintva visszakérdeznek, hogy biztosan törölni akarod-e. Szóval az egy jó alternatív megoldás lehet.

    Szerk.: ja, bocs, ez jQuery plugin, amit linkeltem, hirtelen kevertem a jQuery topic-kal... De remélem, nem gond, kész megoldást plain JavaScriptben most hirtelen nem találtam.

  • Jim-Y Jim-Y veterán
    #3314
    #3313 #68216320
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Jim-Y
    Jim-Y
    veterán
    #3313 #68216320
    #3313 #68216320

    Sajnos nem erősségem a JS és egy feladatot kellene megoldanom. Ehhez szeretném a segítségeteket kérni.
    Van egy FORM jó sok elemmel, AJAX alapon DIV váltásokkal megoldva. Van egy olyan része, ahol 3 csoportban vannak checkbox-ok. Még máshol is vannak a form-ban, de azok most nem játszanak. A feladatom az volna, hogy mindegyik csoporthoz tegyek egy olyan checkbox-ot, amivel az adott csoport összes elemét tudom checked/unchecked állapotba tenni. A csoportok elemeit egy PHP rakja össze, így a számuk változó.
    HTML minta így nézne ki:
    <form name="myform" method="post">

    <fieldset id="box1">
    <legend>Test1
    <input type="checkbox" onClick="">
    </legend>
    <input type="checkbox" name="list[]" value="1">Test1<br>
    <input type="checkbox" name="list[]" value="2">Test2<br>
    <input type="checkbox" name="list[]" value="3">Test3<br>
    </fieldset>

    <fieldset id="box2">
    <legend>Test2
    <input type="checkbox" onClick="">
    </legend>
    <input type="checkbox" name="list[]" value="4">Test4<br>
    <input type="checkbox" name="list[]" value="5">Test5<br>
    <input type="checkbox" name="list[]" value="6">Test6<br>
    </fieldset>

    <fieldset id="box3">
    <legend>Test3
    <input type="checkbox" onClick="">
    </legend>
    <input type="checkbox" name="list[]" value="7">Test7<br>
    <input type="checkbox" name="list[]" value="8">Test8<br>
    <input type="checkbox" name="list[]" value="9">Test9<br>
    </fieldset>

    </form>

    Próbáltam már írni olyan függvényt ami megcsinálja, de csak Form ID alapján tudom az elemeket megszámolni, a Fieldset ID alapján nem sikerül.

    Ez azt csinálja amit kéne? http://jsfiddle.net/Jim_Y/u29GK/1/

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

Hirdetés