Jquery ile Boyutlandırılabilen Nesne Yaratma – Resizable

Jquery ile draggable ve droppable nesneler yaratmayı anlattıktan sonra şimdi de yeniden boyutlandırılabilen nesneler oluşturmayı anlatacağım.

Yeniden boyutlandırmayı textarea tagından bilirsiniz. Kendisi doğal olarak boyutu ayarlanabilen bir elementtir. Fakat jquery ile dilediğiniz tüm elementleri yeniden boyutlandırılabilir nesneler haline getirebilirsiniz. Yazının başlangıcı için örnek olması açısından buradaki örneğe bakabilirsiniz.

Resizable nesneler oluşturmak için gerekli kütüphaneleri sayfamıza ekleyelim.

Jquery ile Bırakılabilir Nesne Yaratma – Droppable

Merhaba bu yazımda jquery ile droppable nesne oluşturmayı anlatacağım.

Droppable kelimesini nasıl türkçeye çevireceğim bilemedim. En uygunu bırakılabilir geldi bana, eğer daha güzel bir şekilde çevirebilen varsa, rica ediyorum yazsın. Çünkü böyle pek iyi olmadı. :)

Jquery de droppable nesne oluşturabilmek için öncelikle sürüklenebilen nesneler oluşturulmalıdır. Bu ikisi gördüğüm kadarıyla beraber çalışıyorlar. Yani sürüklenebilen elementi droppable nesnenin üzerine bırakacağız. Olayı daha iyi anlamak için öncelikle buradaki örneğe bakmanızı tavsiye ediyorum.

Jquery ile Sürüklenebilir Nesne Yaratma – Draggable

Bu yazımda jquery ile hareket edebilen nesneler yaratmayı ve bu nesneleri nasıl kontrol edebileceğimizi anlatmaya çalışacağım.

Öncelikle bu işlem için gerekli kütüphaneleri sırasıyla sayfamıza entegre etmemiz gerekiyor.

<script src="jquery-1.6.1.js"></script>
<script src="jquery.ui.core.js"></script>
<script src="jquery.ui.widget.js"></script>
<script src="jquery.ui.mouse.js"></script>
<script src="jquery.ui.draggable.js"></script>

Jquery UI Kütüphanesi

Daha önceki yazılarımda jquery nin temellerinden bahsetmeye çalıştım. Seçicileri, olayları, niteleyicileri, css işlemlerini vs. yazarak jquery hakkında temel seviyede toplu bir döküman oluşturmaya çalıştım.

Artık temelden orta seviyeye adım atıyorum. Tam bu noktada sizlere Jquery UI adlı siteyi tanıtmadan yapamayacağım. Bu site jquery geliştiricileri için bir kullanıcı arayüzü görevi görüyor. İşin detayına biraz inelim.

Jquery yi daha efektif ve basit bir şekilde kullanabilmek için geliştirilmiş kütüphaneler ve fonksiyonlar bulunmaktadır. Bu kütüphanaler Jquery UI adı altında toplanmıştır.

Arama
RSS
Beni yukari isinla