jQuery sortable kullanımı

Kısa bir aradan sonra yazılarıma devam ediyorum geçen gün bir projede lazım oldu kullanıcı oluşturduğu menülerin sırasını kendisi belirlemek istedi php ile standart menuler listelettirilir yan tarafına hangi sırada olacaksa sıra numarası yazılır veritabanına kaydedilir ve listelettirilirken ona göre listelenir.

• Anasayfa
• Hakkımızda
• Ürünler
• İletişim

yukarıda sıradan bir listeleme yaptık, ama ben bunun yanına numaralandırma yaparak kullanıcı yazarak değilde kullanıcı aktif olarak direkt mouse ile üstünde taşıma yaparak sıralamasını istiyorum.

jQuery UI saolsun bize bu nimetlerden yararlanmamız için yeterli bilmemiz gereken tek fonksiyon .sortable() 
ben size bugun sortable fonksiyonu nasıl kullanılır bundan bahsedicem bir sonraki yazımızda ise standart bir menü sıralama uygulaması yaparız.

jQuery UI ve diğer jQuery dosyalarımızı sayfamıza ekledikten sonra bir liste oluşturalım.

<ul id="liste">

    <li>Anasayfa</li>

    <li>Hakkımızda</li>

    <li>İletişim</li>

    <li>Ivır Zıvır</li>

</ul>

<div id="sonuc"></div>

Şimdi bunun üstünde sıralamada değişiklik yapmak artık çok kolay hemen gösterelim.

<script type="text/javascript" src="jquery-1.9.1.js"></script>

<script type="text/javascript" src="jquery-ui.js"></script>

<script type="text/javascript">

$(document).ready(function(e) {

 $("#liste").sortable();

});

Artık etiketlerin üstünde mouse ile surukle bırak yaparak değişiklik yapabilirsiniz.

 Bu kadar kolay mıydı ? evet bu kadar kolay ama herşey bununla bitmiyor

• Menuler sıralanırken.. (activate)
• Menuler sıralanırken yerlerının değişmesi (change)
• Menüler Sıralandıktan sonra (beforeStop)
• Sürüklenme yerleri (Sağa sola - yukarı aşağı) (axis)
• Taşınabilecekleri belirleme (disabled)
• Farklı nesneler arasında taşıma yapma (connectWith)
• Cursor: taşırken mouse'nin aldığı görünüm (cursor)
• Delay: gecikme süresi (delay)
• Seçilen nesne altında istenilen nesneyi sürükleme (items)
• revert: geri dönüş (revert)

gibi özelliklerimiz var bunlar en çok kullanılan özellikler yanlarına uygulamada kullanacağımız isimlerini yazdık.

Hemen kullanına geçersek sırasıyla

activate

$(document).ready(function(e) {
     $("#liste").sortable({

           activate: function(){
  $("#sonuc").text("Değiştirmek İçin Sürükleyin");
  }
 });
});

fonksiyon halinde çalışır fonksiyon içine gerekli kodlar yazılır.

change

$(document).ready(function(e) {

 $("#liste").sortable({
  change:function(){
   $("#sonuc").text("Nesneler Yer Değişti");
   }
  });
});

Buda fonksiyon halinde çalışır değişme olduğunda kodlar içine yazılır.

beforeStop
Bu ise herşey tamamlandıktan sonra yapılacak işlemleri belirtir fonksiyon belirterek çalışır

$(document).ready(function(e) {
 $("#liste").sortable({
  beforeStop :function(){
   $("#sonuc").text("Nesneler Yer Değiştirmesi Tamamlandı");
   }
  });
});

Şeklinde basit bir kullanımı vardır.

axis

Basit ama bazen sıkıntı yaratan konulardan birisi nesnelerin sürüklenme yönleridir, axis sayesinde nesnelerin x ve y şeklinde yer belirterek hangi yöne gideceğini belirtiriz.

$(document).ready(function(e) {

 $("#liste").sortable({

  axis:"y"

  });



});

Şeklinde basit bir kullanımı vardır.

Not: x sağa ve sola, y ise yukarı aşağı gitmesini sağlar

disabled

Bazen o anki işleme göre nesnelerin taşınmaması lazımdır bunun sayesinde çözüyoruz.

$(document).ready(function(e) {
 $("#liste").sortable({
  disabled:true
  });
});

Kullanımı bu şekildedir.

connectWith

Geldik şimdi ince bir yere bu özellik bazı yerlerde hayat kurtarır en çok kullanılan özellikler arasındadır.
Peki nedir bu ? bu 2 yada daha fazla sıralama arasında nesne alışverişini sağlar yani ben #liste'den aldığım nesneyi #menu icerisine bırakabilirim.

Kullanımına gelicek olursak

$(document).ready(function(e) {
 $("#liste").sortable({
  connectWith:"#liste2"
  });
 
 $("#liste2").sortable({
  connectWith:"#liste"
  });

});

Şeklinde kullanılır. Burda #liste'ye dedikki #liste2'den gelen nesneleri kabul et, aynı şekil #liste2'ye dedik.

cursor
Bu özellik ise taşınırken mouse'nin alacağı görünümdür(pointer,move vs.)

$(document).ready(function(e) {
 $("#liste").sortable({
          cursor:"move"
  });
});

Şeklinde kullanılır.

delay
Sık sık kullanılmasada bazen etkili olabiliyor. Bu ise nesnenin ne kadar zaman sonra sürüklenmeye başlayacağını söyler

$(document).ready(function(e) {
 $("#liste").sortable({
          delay:1000
  });
});

mesela yukarıda nesnenin 1 saniye sonra hareket etmesini söyledik.

items 
Bu özellik sayesinde hangi nesnenin taşınabileceğini belirtebiliyoruz.

$(document).ready(function(e) {
 $("#liste").sortable({
          items:"li"
  });
});

Yukarıda sadece li etiketlerini taşıyabileceğini belirttik.

revert
Ve son olarak revert. Nesnenin geri dönüş yapıp yapmayacağını belirtir

$(document).ready(function(e) {
 $("#liste").sortable({
          revert:true
  });
});

Şeklinde kullanılır.

Yukarıda anlattıklarımın tümünü aşağıdan result tıklayarak önizleme yapabilirsiniz.

Yalan hakkında...

Yalanla ilgili bircok hikaye vardır, yalanın kotu bişey olduğunu anlatan iyi yalanın olmucanı söyleyen peki hangimiz hiç yalan söylemedik ? Yada söyle diyeyim standart bir hikaye vardır yalancı çoban diye hemen herkes bilir bilmeyenler için özet geçmek gerekirse zamanında bir çoban eyvah kurt geldi yetişin diye bagırmaya başlamış köy halkı gelmiş bakmış ne kurt var ne cakal aynı sekil 2. Yapmıs koy halkı yıne gelıyor, 3. Yapıyo yıne gelıyo 4. Seferde gercekten kurt geliyor ve bu sefer bağırsada yalan söylüyor diye kimse gelmiyor ve bütün koyunlar gidiyor. 

Tamam yalan söylendi peki bu coban kadar hakkımız olucak mı ? 3. Defada olsa karsımızdaki bize inanacak mı ? Ya inanmazsa ? Ya tek seferlikse hersey ? Peki yalan söylediniz kabul ediyosunuz ama elinizde olmayan sebeplerden dolayı söylediyseniz ? 'yav kardesım ıstedıkten sonra soylenmez' dıyenler cıkıyo aradan soyle bir senaryo yazalım kafamızdan bir toplantıya gidiyosunuz telefonla konusuyosunuz ve konustugunuz kişiye X şahsının olmucanı söylüyosunuz ama sizin elinizde olmadan başkası onu toplantıya çağırıyo ve telefonda konustugunuz kişi sizi toplantıda beraber görüyor ? Sizce bir açıklaması var mıdır ki ? Yada kim suçlu burda ? Toplantıya gelen mi ? Toplantıya X şahsını çağıranda mı ? Yoksa toplantıya o şahsın gelmiyeceğini söyleyende mi ? Arap saçına döndü sanki ortalık heryerde cevapsız sorular ortada suçlu yok ama açıklanabilir bir durumda yok. 

Gelmicek dediğin kişi geldi ama sen bişey yapmadın, karşındaki kişi seni gördü aklındaki düşünce bence şu olur 'aha bana yalan söyledi!' ne kadar anlatsan açıklamaya çalışsan az dediğin duruma ters düştün çünkü ama elinde olan birşey yok açıklayamıyosunda çok ters, sakat bir durum.

Yalan söylemek yetenektir zeka gerektirir. Bir söz vardı emin değilim kim söyluyodu ama yanlış hatırlamıyorsam soyle birseydi 'yalan zeka işidir, dürüstlük ise cesaret eger zekan yetmiyorsa yalan söylemeye cesur olup dürüst olmayı dene.' ya  ne alaka yalan zeka işidir ? çok alaka yalan söyleyince unutmaman lazım kii ilerde aynı muhabbet açıldığında aynı senaryoyu yazasın okuyabilesin, yalan söyleyenlerin en büyük zaafıdır olayları testen anlatamaz yoktur ortada olayda o yuzden. Eğer sağlam bir yalan söyliyecekseniz yalanı terstende okuyabilmelisiniz benim düşüncem budur. 

Dürüstlük cesarete gelelim bir çoğumuz bilir aslında açıklanası bir durumda yok ortada çoğu zaman ya korktuğumuzdan yalan söyleriz yada sorumsuzluğumuzdan. Bir işçiyi ele alırsak uyuyakalır tembellik yapar işi tamamlayamaz sonra patrona yan yattı çamura battı muhabbeti yapar yalan söyler sorumlu olsa işini yapsa yalan söyler miydi ? Yada cesur olup patron ben uyudum yorgundum dese nasıl olurdu ? Patron tamam kardeşim maaşına zam işine son derdi noktayı koyar bence, işten atılma korkusu yalan söylettirdi hem sorumsuzluk hemde korku yalanı doğurdu. 

Peki yazdığmız 1. Senaryoda suclu kim daha doğrusu suçlu varmı ? Herkez haklı birisi terse düştüğüden yakınıyor, diğeri sen bana yalan diyor. Suclu yok ama haklıda yok. Ve ben buna kendi çabalarımla isim koymaya çalışıyorum onuda beceremiyorum, her iki tarafada sabır versin allahım.

Uzun lafın kısası allah kimseyi zor durumda bırakmasın, yalandan beladan kötülükten korusun.

Php frameworkler hakkında kısa bilgi

Heryerde duyuyoruz php frameworkleri benimde kafama takıldı biraz araştırma yaptım, frameworklerin baya baya faydası var, nasıl var diceksiniz aslında php ye yeni başlamış kişilere frameworkler zor gelebilir alışılmış çünkü direkt olarak sorguları yazmak yada html taglarını direkt olarak php döngülerine bağlayarak dinamik hale getirmeye ama 1 yaptınız tamam iyi, 2 yaptınız tamam, ama bu sürekli 3 4 5 defa oldu mu aynı şeyi defalarca yapmak sıkmaya başlıyor, 'yaa ben yazarım 1 kere sonra c/p yaparım' diyenleri duyar gibiyim bende öyle düşünüyodum ama gel gelelim ne kadarda öyle kolay gözüksede büyük projelerde sıkıntı yaratıyor, hantallık oluşuyo frameworkler sayesinde bu durum aşılmış ilk başta yüklendiğinde birden çok dosya ve içlerinde ne olduğunu bilmediğiniz onlarca dosya asıl hantallık budur diyebiliyosunuz ama ufaktan öğrendiğinizde 'Hey masallah kardesım adamlar dusunmus' diyebiliyosunuz daha doğrusu ben böyle dedim ve ağzım açık kaldı.

Bu yazıyı okudunuz gaza geldiniz (ben öyle düşünüyorum :) ) google amcaya dediniz php frameworkleri listele oda size bir çok framework verdi kararsız kalabilirsiniz peki bu kadar framework içinden hangisini seçicez ? Şahsen ben laravel tercih ettim, direkt olarak zend yada ruby on rails(ror) seçmedim bunlar kalitesiz mi ? tabiki hayır ama yapıları ağır ve öğrenmesi biraz zor diye duydum!(okudum) yaklaşık 4 yıllık php kullanıcısı olarak öncelikle framework yapısını kavramak için basit bir framework seçtim, zamanla yada frameworkler isteğimi karşılamadıkça seviye zorlaştırarak farklı frameworklere geçebilirim.

Framework kullanmasını öğrenmek başta biraz sıkıntı olabilir çünkü normal php'de alışılmış 10 satırlık kodu frameworkler 1 satıra düşürmüş, az biraz başında ter dökmemiz şart.

Dediğim gibi frameworkler hakkında kısa araştırmamın sonucunda öğrendiklerimi sizinle paylaşmak istedim, yanlışlarım yada eksiklerim olabilir yorum olarak atarsanız hem ben öğrenmiş olurum hemde okuyan arkadaşlar yanlıştan döner diye düşünüyorum.

Bir sonraki yazıda Laravel 4 Kurulumu anlatmayı planlıyorum hadi bakalım hayırlısı.
Selametle kalın