bildirgec.org

ajax hakkında tüm yazılar

ajax ile veritabanına kayıt

thefeti | 29 June 2010 10:43

klasik asp ile ajax yardımıyla beğendim beğenmedim butonu yapmak istiyorum. kullanıcı yazıya yada resme tıkladığında veritabanına sayfa yenilenmeden kaydedilmesini istiyorum. veritabanı ve asp kısmını biliyorum ancak ajax kısmını bilmiyorum. Bulduğum ajax örnekleri genellikle form üzerine kurulu.

Ağaç Görünüm Bileşeni: jsTree

angelsdemos | 29 June 2010 09:41

jsTree, jQuery eklentisi olarak paketlenen çapraz tarayıcı ağaç bileşenidir.Javascript tabanlı olan bu uygulama üzerinde kategorili listeleme yapabileceğiniz gibi üzerinde kayıtlı bulunan tüm girdiler üzerinden eşzamanlı olarak işlem yapabilirsiniz.

Listeleme, Site Haritası hatta menü olarakta kullanılabilecek çok yönlü bir uygulama olan jsTree, ücretsiz olarak dağıtılmakta, ayrıca GPL ve MIT lisanslarına sahip bir jQuery uygulamasıdır.

Kategoriler ekleme, anında isim değişikliği, dosya ve klasörleri düzeltebilme/silebilme, sürükle-bırak özelliği ile içerisindeki nesneleri herhangi bir klasör yada katagori içerisinden bir başkasına taşıyabilme gibi birçok özelliği bulunmaktadır.

Tema desteği sayesinde tamamen kişiselleştirilebilir ve HTML, JSON, XML gibi verikaynaklarının birçoğunu destekler. Ayrıca değiştirilebilen animasyonlu açılışı ve sayfa harici yükleme özelliği bulunmakta. Arama fonksiyonu, çerezleri optimize etme, klavye ile işlem yapma gibi özellikleri ile jsTree muhteşem bir uygulamadır.

En iyi jQuery Uygulamaları – Haziran 2010

angelsdemos | 28 June 2010 09:48

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com‘dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSliderDemo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, “Play/Stop” (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm DialogDemo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

jQuery için açılır menüler

lazaronnie | 25 June 2010 12:25

bu yazıda jquery kütüphanesi için geliştirilmiş ve profesyonel çalışmalarınızda kullanabileceğiniz değişik eklentileri bulacaksınız. eklentileri hemen deneyebilir, beğenirseniz hemen indirebilirsiniz.
_________________________________________

ajax-flag-menu

ajax özelliği barındıran bu menü uygulaması aynı zamanda facebook navigasyon menüsüyle birebir aynı görünüme ve işlevselliğe sahip. gnu – gpl lisansıyla dağıtılan bu eklentiye ulaşmak için;
demo | döküman | download

Resim Kırpma Bileşeni: Jcrop

angelsdemos | 23 June 2010 09:36

Jcrop, herhangi bir imajı üzerinde kesme, kırpma, kopyalama gibi imaj üzerinden yapılabilecek bazı işlemleri gerçekleştirmek için arayüz oluşturabilen interaktif bir uygulamadır. Jcrop herhangi bir imaj dosyasının belirli bir bölümünü seçmeye yarayan muhteşem bir jQuery uygulamasıdır.

Jcrop ile her türlü imajın belirli bir bölümünü seçerek bu imaj üzerinden çeşitli işlemler yapabilirsiniz. Seçtiğiniz bölgenin koordinatlarını (x1, x2, y1, y2, w,h) öğrenebilir, farklı bir bölgede sadece kestiğiniz kısmı normal veya yakınlaşmış olarak görebilir veya sadece seçili kısmı değişikliğe uğramaz halde gösterebilirsiniz.

Tüm bu seçme işlemleri sonrasında resme farklı tooltip şeklinde notlar ekleyebilir (Facebook‘taki gibi), imajın seçili bölgesini daha yakından göstererek ürününüzün kalitesini gösterebilir veya imaj üzerinden kesme, kırma, efektler uygulama gibi farklı işlemleri farklı yöntemlerle gerçekleştirebilirsiniz. Ayrıca Jcrop üzerinde farklı renkler kullanarak web sitenize göre kişiselleştirebilirsiniz.

Panning Slideshow

angelsdemos | 22 June 2010 09:48

Birçok web projesinde kullanabileceğiniz Panning Slideshow, jQuery ile yapılmış bir slayt uygulamasıdır. Özellikle farklı geçiş efektiyle dikkan çeken Panning Slideshow oldukça kullanışlı ve hoş görünüme sahip bir uygulama.

4 veya daha fazla fotoğraf kullanabildiğiniz Panning Slideshow fotoğraflar arası farklı geçiş efektini sunar. Sağa-Sola veya çapraz olarak ilerleyen bu uygulamayı birçok web projenizde ücretsiz olarak kullanabilirsiniz. Oldukça kolay kullanımı olan Panning Slideshow ile istediğiniz fotoğrafları web sayfanızda yayınlayabilir veya ürünlerinizi tanıtabileceğiniz farklı bir araç olarak kullanabilirsiz. Tüm bunları yaparken hiçbir eklenti olmaksızın kolaylıkla kullanabilirsiniz.

Tasarımın İçinde Olan Herkes İçin Yer İmi Seti

earslan | 21 June 2010 16:37

Şahsen yıllardır ayıklayıp biriktirdiğim, binlerce yer imi arasından seçip ayıkladıklarımı; siz değerli bildirgec.org kullanıcılarına sunuyorum. Artık paylaşmalıyım dedim ve buraya yazdım.
Görüleceği üzere çoğunluğu bildirgec.org mimlerinin oluşturduğu derleme, umarım faydalı olur.
Unutmadan belirteyim, içerikler tasarım ağırlıklıdır..

Şimdiden teşekkürler..

http://djdesignerlab.com/2010/04/25/25-fresh-and-useful-jquery-plugins/

http://www.nobledesktop.com/download/shortcut_guides/indesign_cs4_shortcuts_pc.pdf

http://acrisdesign.com/2009/09/70-dazzling-light-effect-photoshop-tutorials/

http://arsiv.pilli.com/yazi/karikatur-karakterleri-yaratma-dersleri

Zoom Bileşeni: Zoomooz

angelsdemos | 21 June 2010 09:37

Zoomooz, websayfanızdaki herhangi bir eleman üzerinde her türlü zoom efektini yapmanızı sağlayan muhteşem bir jQuery uygulamasıdır. Zoomoz’u web sitenizdeki resimler, bloklar, metinler gibi aklınıza gelebilecek her elemana uygulayabilirsiniz.

Hiçbir eklenti gerektirmeyen bu jQuery uygulaması ile fotoğrafların büyük boylarının anında ekrana gelmesini sağlayabilir veya herhangi bir fotoğrafa yakınlaşma efekti yapabilirsiniz. Bunların haricinde üç boyutlu bir küp yapıp herhangi bir bölümüne yakınlaşma ve uzaklaşma yapabilir veya bloklarınızın bir bölümüne zoom efekti koyarak sağdan sola, yukarıdan aşağı gibi farklı açılardan bu uygulamayı kullanabilirsiniz.

Micro Gallery ile Yerden Tasarruf Edin

angelsdemos | 17 June 2010 14:47

Web sitenizde içeriğe göre galeri kullanabilir ve farklı görselleri kullanıcılara sunabilirsiniz. Görsel galerinizi başkalarına sunarken yer sıkıntısı çekiyorsanız Micro Image Gallery tam size göre bir jQuery uygulaması. Hem kullanıcılarınızın beğeneceği hem de istediğiniz boyutlarda ve oldukça az yer kaplayan bu eklenti oldukça kullanışlı.

En önemli özelliği oldukça büyük bir yer tasarrufu sağlamak olan bu uygulama ile istediğiniz kadar imaj yayınlayabilirsiniz. Belirli ölçülerdeki boyutunu her zaman koruyan bu eklentide resimlerinizin tümünü sayfalayarak gösterebilir veya tek bir görünüm elde edebilirsiniz.

25 Taze ve Kullanışlı Jquery Eklentisi

earslan | 17 June 2010 12:22

Web sayfası tasarımı ile ilgilenen herkes bilir ki; eğer sınırlı bir miktarda içeriği görüntülemek için ya da sadece web sitenizin bir bölümü daha ilgi çekici yapmak istiyorsanız jQuery mükemmel bir çözümdür. jQuery yol geliştiriciler ve kullanıcıların web siteleri ve web uygulamalaryla etkileşimi JavaScript dünyası ile değişti. Bu makalede, son birkaç ay içinde yayımlanan 25 taze ve yararlı jquery eklentileri görebilirsiniz.

Spritely

Sayfanızda dinamik bir animasyon oluşturmak istiyorsanız ve bunu Flash olmadan yapmak istiyorsanız, bu örnek size göre..
Demo | İndir

Spritely
Spritely

BubbleUp

Bu eklenti, sayfalarınızda kullanabileceğiniz minik bir efekttir. İmajlarınıza Hover efekti verebileceğiniz kullanışlı ve sevimli bir eklenti…

Demo | İndir

Bubble Up
Bubble Up

Quicksand

Kendisini çokça kullanmış olduğumdan özellikle tavsiye edebileceğim bir Jquery eklentisi. Sayfanızda belirlediğiniz özelliklere göre filtreleme yapabileceğiniz muhteşem bir eklenti.

Demo | İndir (“Download” ederken size, sadece script kodlarını vermektedir. Site üzerinden dökümanlara ulaşabilirsiniz.)