jQuery ile FaceBook tarzı fotoğraf etiketleme

Facebook’ un fotoğrafları etiketleme (tag) lama mekanızmasını bilmeyen yoktur herhalde. Geçen gün lazım oldu ara tara bir türlü istediğim gibisini bulamadım. İsteğimize en yakın olan olan scripti gözüme kestirip facebook vari bir etiketleme mekanızması yapmaya çalıştım. (Scriptin (betik) orjinal halini bir türlü bulamadım, unutmazsam yarın eklerim.) Betiğe eklediğim özellikler; etiketleme sırasında arkadaşların listesi geliyor ve tıklayıp o kişiyi etiketleyebiliyorsunuz. Arkadaş listenizde arama yapabiliyorsunuz. Etiketleme işlemlerini veritbanına yazma ve okuma. Ufak tefek bir kaç ayar daha verdim. Betik kullanılacağı yere göre kolayca düzenlebilir. Bundan dolayı bir kullanıcı etiketlenmişse tekrar etiketlenemesin veya benzeri durumlar için hiç bir işlem yapmadım, heh unutmadan sql enjeksiyona önleminizi almadan direk kullanmayın. İsteyen istediği gibi düzenleyip kullanabilir, zaten görünce ne kadar basit bir şey olduğunu göreceksiniz.

jquery facebook style etiket tag jquery facebook style etiket tag

İndirdiğiniz dosyalar arasında db.cs adında bir class bulunuyor, her nekadar çoğu kısmını kaldırıp şuanki projeye eklesemde ilerleyen günlerde tamamını sizlerle paylaşacağım.

fotoEtiket adındaki tablomuz ve sembolik kullanıcı tablomuz.

    CREATE TABLE [dbo].[fotoEtiket](
	    [id] [int] IDENTITY(1,1) NOT NULL,
	    [fotoId] [int] NULL,
	    [kullaniciId] [int] NULL,
	    [etiket] [nvarchar](50) COLLATE Turkish_CI_AS NULL,
	    [sag] [nvarchar](10) COLLATE Turkish_CI_AS NULL,
	    [ust] [nvarchar](50) COLLATE Turkish_CI_AS NULL,
	    [eklenmezamani] [datetime] NULL

    CREATE TABLE [dbo].[kullanici](
	    [id] [int] NOT NULL,
	    [kullaniciAdi] [nvarchar](50) COLLATE Turkish_CI_AS NULL,

Betiğin çalışır halini buradan indirebilirsiniz.