Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Okidač unutar rezultata Ajaxa

[es] :: Javascript i AJAX :: Okidač unutar rezultata Ajaxa

[ Pregleda: 2514 | Odgovora: 8 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

danieldulic
Subotica
CitySu team
Subotica

Član broj: 322224
Poruke: 34
*.dynamic.isp.telekom.rs.

ICQ: 443682699
Sajt: www.citysuteam.rs


Profil

icon Okidač unutar rezultata Ajaxa13.05.2014. u 10:24 - pre 120 meseci
Poštovani,

Napravio sam da izlistava kroz ajax neki upit iz baze, to radi savršeno.

Međutim, meni treba da se može menjati određeni red iz baze, odnosno da mogu da pokrenem okidač klikom, a to neće da mi radi.

Pokušao sam sa javascript:alert(); da stavim u link, to radi, a kad stavim da pokrene neku drugu funkciju ili bilo sta slično, to neće da radi.

Kako ste vi rešavali ovakve probleme?

Rezultat mi je HTML kroz ajax, da li treba da pokušam nešto sa JSON-om? ili?

Hvala unapred,
Daniel Dulic
 
Odgovor na temu

plague
Software Developer
Auckland, NZ

Član broj: 46734
Poruke: 623
*.dynamic.sbb.rs.



+373 Profil

icon Re: Okidač unutar rezultata Ajaxa13.05.2014. u 10:56 - pre 120 meseci
Moras da budes jasniji i da navedes deo koda koji pokusavas da izvrsis.

Klikom na brisanje bi trebalo da posaljes jos jedan AJAX zahtev koji ce obraditi brisanje recorda, a nakon uspesnog brisanja da sklonis red i iz HTMLa.
 
Odgovor na temu

danieldulic
Subotica
CitySu team
Subotica

Član broj: 322224
Poruke: 34
*.dynamic.isp.telekom.rs.

ICQ: 443682699
Sajt: www.citysuteam.rs


Profil

icon Re: Okidač unutar rezultata Ajaxa13.05.2014. u 11:04 - pre 120 meseci
Nije bitno sta da uradim posle, nego uopste da pokrenem neki jQuery okidac, ja posle znam dalje sta kako :)

Code:

         $(document).ready(function(){
                        $("#result").html("<div align=\"center\"><img src=\"img/loader.gif\" /></div>");
             $.ajax({
                    type:"GET",
                    url:"include/ajaxLoadFiles.php",
                    success:function(data){
                        $("#result").html(data);
                e.preventDefault();
                            }
                     });
            $('.okidacNeki').bind('click', function(e) {
                alert("okinuo ga je!");
            });
                     
         });


ajaxLoadFiles.php ima vrednost:

Code:
<table class="table table-striped table-hover">
                    <thead>
                    <tr><th style="width:100px;">File name</th><th>Status</th><th>Action</th><th>Domain</th></tr>
                    </thead>
                    <tbody>
                    <tr><td style="width:100px;"> Call Of Duty Ghosts Devastation Pa...</td><td>active</td><td><a href="javascript:openInfo('5370036fec492');" class="okidacNeki">Info</a></td><td>gotgamefree.us</td></tr><tr><td style="width:100px;">3.jpg</td><td>active</td><td><a href="javascript:openInfo('536ff1a4e014a');" class="okidacNeki">Info</a></td><td>topfreesoftware.us</td></tr><tr><td style="width:100px;">1.jpg</td><td>active</td><td><a href="javascript:openInfo('536b69e7b2ef2');" class="okidacNeki">Info</a></td><td>topfreesoftware.us</td></tr><tr><td style="width:100px;">fbcover.jpg</td><td>active</td><td><a href="javascript:openInfo('536b686a90c5c');" class="okidacNeki">Info</a></td><td>topfreesoftware.us</td></tr><tr><td style="width:100px;">fbcover.jpg</td><td>active</td><td><a href="javascript:openInfo('536b6826631fb');" class="okidacNeki">Info</a></td><td>gotgamefree.us</td></tr><tr><td style="width:100px;">1536536_10202132950037146_552211748...</td><td>active</td><td><a href="javascript:openInfo('536b5c33f0efc');" class="okidacNeki">Info</a></td><td>topfreesoftware.us</td></tr><tr><td style="width:100px;">5.jpg</td><td>active</td><td><a href="javascript:openInfo('5347da1d1df35');" class="okidacNeki">Info</a></td><td>downloadsafe.us</td></tr>
                    </tbody>
                    </table>  


Kada postavim direktno u html, a ne kroz ajax, na primer:
Code:
<a href="#" class="okidacNeki">Test</a>


On okine bez problema, a kad je kroz ajax rezultat, isti taj kod nece da radi.
Daniel Dulic
 
Odgovor na temu

plague
Software Developer
Auckland, NZ

Član broj: 46734
Poruke: 623
*.dynamic.sbb.rs.



+373 Profil

icon Re: Okidač unutar rezultata Ajaxa13.05.2014. u 11:34 - pre 120 meseci
Tebe zapravo muci sto ti ajax ne radi za te nove kontrole. :)

Ok, kreiras nove elemente, moras da uradis rebind za njih inace se funkcije nece okidati.

Mislim da je najbolje da to obradis koristeci .on() funkciju koja, ako se dobro secam, se primenjuje na sve elemente u DOM-u, cak i one koje su naknadno dodati. Koristi poziv sa delegatom naravno.

Dakle, prvo deklasisi sa .on() koji event za koju klasu zelis da obradis i kako, a onda sibni AJAX da ucita podatke.

Iz glave:
Code (javascript):

$("#result").on('click', '.okidacNeki', fucntion () {
          //do the ajax call
     })
 
 
Odgovor na temu

danieldulic
Subotica
CitySu team
Subotica

Član broj: 322224
Poruke: 34
*.dynamic.isp.telekom.rs.

ICQ: 443682699
Sajt: www.citysuteam.rs


Profil

icon Re: Okidač unutar rezultata Ajaxa13.05.2014. u 11:41 - pre 120 meseci
Upravo tako :)

Hvala na odgovoru, malo sam zbunjen, mozete mi samo copy/paste onaj moj kod i direktno na njemu da uradite to?

Pa cu videti kako to da uradim.
Daniel Dulic
 
Odgovor na temu

FoxVanis
IMS-tim (Internet Marketing Studio)
Subotica

Član broj: 89834
Poruke: 95
*.dynamic.isp.telekom.rs.



+7 Profil

icon Re: Okidač unutar rezultata Ajaxa13.05.2014. u 12:47 - pre 120 meseci
Prvo i osnovno, GET je nesiguran, radi sa POST ili get nekako base64_encode a u njemu pošalji neki string koji će biti u stvari array pa se malo igraj i sa str_rot13 itd...

Drugo $("#result").load(data); ako mi se dobro čini je greška - koristi .load() a ne .html() da bi povukao data u određeni div. Nisam siguran dok ne vidim sve...

Pokušaj da se ugradiš u ovo, trebalo bi da ti bude dobitna kombinacija:
Code:
<script type="text/javascript">
 $(document).ready(function(){
    var formObj = $("#your_form_id");
    var formURL = formObj.attr("action");
    var formData = $("#your_form_id")[0];
    var formData = new FormData(formData);
    $.ajax({
        url: formURL,
        type: 'POST',
        data: formData,
        mimeType: "multipart/form-data",
        contentType: false,
        cache: false,
        processData: false,
        success: function(data, textStatus, jqXHR)
        {
            $("#return").load(data);
            // ili $("#return").html(data);
        },
        error: function(jqXHR, textStatus, errorThrown){
            $("#return").html("<p style=\"color:#f00\">" + errorThrown + "</p>");
        }
    });
});
</script>

HTML:

<form method="post" action="jour-ajax.php" enctype="multipart/form-data" id="your_form_id">
    <input ...>
    <input ...>
    <input ...>
    <input ...>
    <input ...>
    <input ...>
</form>

Web Designer, PHP Developer
 
Odgovor na temu

plague
Software Developer
Auckland, NZ

Član broj: 46734
Poruke: 623
*.dynamic.sbb.rs.



+373 Profil

icon Re: Okidač unutar rezultata Ajaxa13.05.2014. u 13:49 - pre 120 meseci
Otprilike:

Code (javascript):

     $(document).ready(function(){
          $("#result").html("<div align=\"center\"><img src=\"img/loader.gif\" /></div>");
          $("#result").on('click', '.okidacNeki', fucntion () {
               $.ajax({
                    type:"POST",
                    url:"include/ajaxDeleteRecord.php",
                    data: { ID: $(this).attr('id') }
                    success:function(data){
                         $(this).parent('tr').remove();
                    }
               });
          })

          $.ajax({
               type:"GET",
               url:"include/ajaxLoadFiles.php",
               success:function(data){
                    $("#result").html(data);
                    e.preventDefault();
                    }
          });
     });
 
 
Odgovor na temu

danieldulic
Subotica
CitySu team
Subotica

Član broj: 322224
Poruke: 34
*.dynamic.isp.telekom.rs.

ICQ: 443682699
Sajt: www.citysuteam.rs


Profil

icon Re: Okidač unutar rezultata Ajaxa13.05.2014. u 19:39 - pre 120 meseci
Hvala vam puno svima. :) Sad cu pokusati, mada mi je sada sve jasno :)
Daniel Dulic
 
Odgovor na temu

danieldulic
Subotica
CitySu team
Subotica

Član broj: 322224
Poruke: 34
*.dynamic.isp.telekom.rs.

ICQ: 443682699
Sajt: www.citysuteam.rs


Profil

icon Re: Okidač unutar rezultata Ajaxa02.09.2014. u 13:35 - pre 117 meseci
To je sve radilo sjajno, e sad došao sam do novog problema.

Pošto pravim neki novi projekat i odlučio sam da forme koje će se koristiti da se učitavaju kroz ajax. Glavnim stavkama sam pristupao sa on(); međutim, problem je kako da pristupim drugim elementima? Mogu da pristupim sa parent() i next(), a ne mogu direktno sa #idElementa.

Sigurno je neka sitnica u pitanju, da li zna neko mozda kako da resim?
Primer deo koda:
Code:
$(".radniProzor").on('keyup', "#passwords, #repasswords", function(){
                    $(this).parent(this).next(this).css('background','#790000');
                              $("#porukaLozinka").css("display","block");
                              $("#porukaLozinka").html("Proveravam...");});


On promeni boju na jednom elementu, ali na #porukaLozinka ne ispisuje nista.
Daniel Dulic
 
Odgovor na temu

[es] :: Javascript i AJAX :: Okidač unutar rezultata Ajaxa

[ Pregleda: 2514 | Odgovora: 8 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.