lostyazilim
tr.link

İnput kullanmadan güncelleme işlemini nasıl yapabiliriz?

3 Mesajlar 793 Okunma
lstbozum
tr.link

VipTema VipTema Vip Tema Web Tasarım Kullanıcı
  • Üyelik 29.06.2011
  • Yaş/Cinsiyet 37 / E
  • Meslek Vip Tema Web Tasarım A.Ş.
  • Konum Tekirdağ
  • Ad Soyad Ö** I**
  • Mesajlar 1393
  • Beğeniler 704 / 703
  • Ticaret 21, (%100)
Yapmak istediğim, li'lerde bulunan id değerlerinden (status-online,status-away,status-busy,status-offline) hangisi için seçim yapıldıysa, seçim yapan kullanıcının veritabanında bulunan durum sütununa anlık olarak güncellemek ve veritabanında güncellenmiş durum kısmını anlık olarak yansıtmak. Php kısmında sıkıntı yok ajax, jquery çok az biliyorum.
Örnekte oturum açmış kullanıcının id'sini $K['k_id'] şeklinde alıyorum.

Bunu nasıl yapabilirim?

Html Kodları





  • Çevrimiçi


  • Uzakta


  • Meşgul


  • Çevrimdışı






Jquery
$("#profile-img").click(function() {
$("#status-options").toggleClass("active");
});

$(".expand-button").click(function() {
$("#profile").toggleClass("expanded");
$("#contacts").toggleClass("expanded");

});

$("#status-options ul li").click(function() {
$("#profile-img").removeClass();
$("#status-online").removeClass("active");
$("#status-away").removeClass("active");
$("#status-busy").removeClass("active");
$("#status-offline").removeClass("active");
$(this).addClass("active");

if($("#status-online").hasClass("active")) {
$("#profile-img").addClass("online");

} else if ($("#status-away").hasClass("active")) {
$("#profile-img").addClass("away");
} else if ($("#status-busy").hasClass("active")) {
$("#profile-img").addClass("busy");
} else if ($("#status-offline").hasClass("active")) {
$("#profile-img").addClass("offline");
} else {
$("#profile-img").removeClass();
};

$("#status-options").removeClass("active");
});
 

 

wmaraci
reklam

ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1118
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)

  • Çevrimiçi


  • Uzakta


  • Meşgul


  • Çevrimdışı




  • $("#status-options ul li").click(function() {
    var strDurum = $(this).attr("data-durum");
    $("#profile-img").removeClass();
    $("#status-options ul li").removeClass("active");
    $(this).addClass("active");
    $("#profile-img").addClass(strDurum);
    $.ajax
    ({
    type: 'POST',
    url: 'gonder.php',
    cache: false,
    data: 'islem=durum-guncelle&durum=' + strDurum,
    contentType: "application/x-www-form-urlencoded;charset=utf-8",
    success: function (sonuc) {
    //$(".felanca_hedef").html(sonuc);
    }
    });
    });


    gonder.php içerisinde, islem ve durum adlı değişkenleri alıp veritabanına işleyeceksin.
     

     

    www.ontedi.com
    www.cizgi.site

    VipTema VipTema Vip Tema Web Tasarım Kullanıcı
    • Üyelik 29.06.2011
    • Yaş/Cinsiyet 37 / E
    • Meslek Vip Tema Web Tasarım A.Ş.
    • Konum Tekirdağ
    • Ad Soyad Ö** I**
    • Mesajlar 1393
    • Beğeniler 704 / 703
    • Ticaret 21, (%100)
    @ontedi teşekkür ederim yanıt için ancak olmadı yada ben yapamadım şu jquery de post olaylarına zerre kafam basmıyor.
     

     

    wmaraci
    wmaraci
    Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
    Site Ayarları
    • Tema Seçeneği
    • Site Sesleri
    • Bildirimler
    • Özel Mesaj Al