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

    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

  • #68216320 #68216320 törölt tag
    #6083
    #6082 Karma
    Ú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
    #6082 Karma
    #6082 Karma

    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!");
    });

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

  • #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?

  • #68216320 #68216320 törölt tag
    #6080
    Ú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

    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!");
    });

    });

  • #68216320 #68216320 törölt tag
    #6070
    Ú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

    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 :)

  • #68216320 #68216320 törölt tag
    #3337
    #3336 Sk8erPeter
    Ú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
    #3336 Sk8erPeter
    #3336 Sk8erPeter

    Í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.

    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.

  • #68216320 #68216320 törölt tag
    #3335
    Ú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

    Ü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.

  • #68216320 #68216320 törölt tag
    #3315
    #3314 Jim-Y
    Ú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
    #3314 Jim-Y
    #3314 Jim-Y

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

    Bizony azt csinalja. Nagyon koszonom. Ez JQuery megoldas nagyon uj nekem. Holnap at is bogarasznam. Szeretnem megerteni is. Koszi meg1x.

  • #68216320 #68216320 törölt tag
    #3313
    Ú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

    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.

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