Jquery PHP ile Tablo İçerik Durumunu Aktif-Pasif Yapma

Merhaba bu yazımda web sitelerin yönetici panelinde olmazsa olmazlardan bir uygulamadan bahsedeceğim, bu özellik sayesinde sitemizde yayınladığımız içeriklerin görünürlük durumunu değiştirebiliyoruz.

Üst kısımda bulunan görselde kare içerisindeki bu düğme ile içeriklerimizin durumunu değiştirebiliriz.

Bu uygulamayı çok farklı görevlerde kullanabilimek mümkün, düğmeye vereceğimiz iki farklı değerle veritabanına erişim sağlayabiliriz.

Hemen yapmaya başlayalım. Öncelikle iki farklı sayfaya sahip olmalıyız, birincisi index.php ikincisi islem.php

index.php isimini yada konumunu kendi sayfa yönetimine göre düzenleyebilirsiniz.

Alt kısımda bulunan kodlar sırasıyla jquery(index.php), html(index.php) ve işlem(islem.php) görevlerini yapıyor.

Jquey kodlarını sayfamısın alt kısmına yerleştirebiliriz.

Tabloda bulunan butonu normal bir buton olarak kullanmıyoruz yapısı css koduyla biçimlendirildi çalışma prensibini açıklayalım;

Tabloda foreach döngüsü ile içeriklerimizi tr td alanlarının içerisine yazdırıyoruz tabloda sadace resim konu ve içerik durumunu belirten üç sutun bulunuyor veritabanın da benzer sayıda sutun oluşturduk. İçeriğimizin durum sutununa bu fonksiyonla iki değer atıyabiliriz 0 = Pasif ve 1 = Aktif. Aktif yani (1) olduğunda iceriğimiz anasayfada gözükmüş olacak.

Veritabanından çektiğimiz verileri sonuncu td tagları içerisinde div yapısıyla kullanıyoruz;

 

 

Div'e tıklandığı takdirde sayfamızda bulunan jquey fonksiyonunu tetikliyor fonksiyon ile satırda ki içeriğin id değerini ve veritabanı adını islem.php sayfasına post ediyor.

Post edilen sayfada sql ile icerik durumunu bir(1) ise sıfır(0), sıfır(0) ise bir(1) olarak güncelliyor 

Post ve güncelleme işlemi bittiği esnada jquery addClass fonksiyonu ile divin class bölümüne aktif görünümü veren css classını atıyor

Dosya Linki