CSS,Javascript ve birazda Web Programlama :)
jQuery qTip ile Görsel Açıklama Kutuları Oluşturun
Kas 17th
qTip jQuery kütüphanesi ile hazırlanmış çok şık ve esnek bir jQuery eklentisidir.
Bu eklentiyle hızlı ve görsel bir şekilde açıklama kutuları ve konuşma balonları gibi görsel öğeler kullanabilirsiniz.
Özellikleri,
- Tarayıcı uyumu: IE 6.0+, FF 2.0+, Opera 9+, Safari 3+, Chrome 1+, Konqueror 3.5+
- Çalışabilirlik: qTip kodları dinamik olarak oluşturulur. Eğer tarayıcının javascript desteği pasif ise salt html olarak görünür.
- Yuvarlatılmış kenarlar
- Çoklu uygulama: Nesneye birden fazla qTip ekleyerek konuşma balonları oluşturulabilir.
- Kolay Pozisyonlama: qTip’te tanımlı 12 kutu pozisyonu ile nesnenin istediğiniz yerinde kutuyu gösterebilirsiniz.
- Görsel stil: Tanımlı 6 stil teması ile farklı tasarımlar için uygun.
- Sırayla döşeme: qTip kutuları üst üste binse bile fare imleci ile üstüne gelindiğinde geçerli kutu ön plana çıkıyor.
- Animasyon: qTip içerisinde kutuların belirlenmesi için varsayılan olarak fade, slide ve grow efektleri bulunmaktadır. Kendi animasyonlarınızı oluşturup qTip’i istediğiniz gibi genişletebilirsiniz.
- Ajax desteği: qTip kutularının içeriğini ajax olarak çekebilirsiniz.
- API: API kütüphanesi ile callback ve diğer özelliklere hızlıca erişip, düzenleyebilirsiniz.
jQuery qTip ile ilgili bağlantılar;
qTip Anasayfa | Demo | Documentation | Download
SQL ile Tablodan Rastgele Kayıt Çekmek
Kas 2nd
SQL programlama dilinde veritabanınızdaki herhangi bir tablodan istediğiniz sayıda rastgele veri çekmek için aşağıdaki örneğe benzer sorgular kullanabilirsiniz.
Pete Freitag blogundan alınmıştır.
MS SQL SERVER
SELECT TOP 1 [sutun] FROM [tablo] ORDER BY NEWID()
ORACLE
SELECT [sutun] FROM
( SELECT [sutun] FROM [tablo]
ORDER BY dbms_random.value )
WHERE rownum = 1
MySQL
SELECT [sutun] FROM [tablo] ORDER BY RAND() LIMIT 1
.
Windows Hata Mesajları
Ağu 19th
Donanımhaber forumunda bir konuya rastaladım. Windows hata mesajlarını içeren bir dll’in kaynağını sunmuş bir arkadaş. O kadar enteresan şeyler varki 
Forum konusuna bu bağlantıya tıklayarak erişebilirsiniz.
Eğlenceli birkaç örnek ekliyorum.
8318, “Belirtilen nesne nesnede zaten var.”
-Hö?8320, “Belirtilen nesne yok veya değeri yok.”
-Bana bahane üretme!-2146893811, “Anahtar yok.”
-Hacı dedim sana evden çıkmadan önce cebine bak diye.-2146367743, “Dağıtılmış Hareket Eşgüdümcüsü türündeki kaynağın kopyası oluşturulamaz”
-O zaman “Elektrostatik indüksiyonu aktive edip büyük hadron çarpıştırıcısını şoklayalım?”-2147221248, “Kaydedilmemiş bir bırakma hedefini geri almaya çalışıyor”
-Enterasan.-2146762485, “Soysal güven hatası.”
-Hafız bi doktora görünsen diyorum?590611, “İşlev başarıyla tamamlandı, ancak CompleteToken çağrılmalı.”
-Kahveden mi çağıracaksın nereye?-2146885596, “CERT_NAME_VALUE için dwValueType karakter dizelerinden biri değil. Büyük olasılıkla bir CERT_RDN_ENCODED_BLOB veya CERT_TDN_OCTED_STRING.”
-Ben de korktum bir an yoksa dwValueType mi diye.Oh.267015, “Göreve ait bir tetik yok veya varolan tetikler ayarlanmamış veya etkin değiller.”
-Ne görevi ne tetiği? FBI mısın, CIA mi?-2147221011, “Ad, depoya başvurmuyor”
-Bana niye şikayet ediyorsun ki? Git yüzüne söyle.6016, “Bu şifreli dosyayı çözmek için daha yeni bir sistem gerekli.”
-Küstahlaşma.Yapamadığın işi hep sistemin üzerine atıyorsun.-2146893821, “Hatalı Anahtar.”
-Gene başlıyoruz
Internet Explorer 6′da İstenmeyen Fazladan Boşluk
Ağu 3rd
Internet Explorer 6 tarayıcıda projeme baktığımda aşağıdaki gibi bir yapımda .Tbl class’ına sahip div elementinin üst kısmında ekstradan fazla yaklaşık 100px’lik bir boşluk oluştuğunu gördüm.
<div id="Container"> <div class="Bas">Başlığım</div> <div class="Tbl"> <table width="100%">...</table> </div> </div>
Google üzerindeki aramalarım sonucunda bytes.com adresindeki “extra whitespace padding in DIV tag” başlıklı forum konusunda çözümü buldum.
Stil tanımlamalarıma .Tbl class’ına sahip div‘im için şu stili tanımladığımda sorun düzeldi.
.Tbl{
height:100%;
}
Maalesef web uygulamalarını kullacak müşterilerimizin önemli bir kısmı(%15-20) IE6 kullandığı için bu kontrolleri yapmak zorundayız. Herkse iyi çalışmalar.
Tarayıcıda Javascript Aktiflik Kontrolü
Tem 28th
Web uygulamalarının olmazsa olmazı, elimiz ayağımız Javascript kodlarının düzgün çalışabilmesi için kullanıcının tarayıcısının javascript desteği özelliğinin açık olması gerekiyor. Belki herkesin bildiği bir koddur fakat ben daha yeni kullanıyorum, o yüzden buraya yazmak istedim.
Aşağıdaki örnekte olduğu gibi <noscript></noscript> kontrol kodları ile bu javascript desteği kontrolünü yapabilir ve eğer desteklemiyorsa belirteceğimiz URL’ye yönlendirebiliriz. Aşağıdaki kodları <head> yada <body> takısı içine yerleştirebilirsiniz.
<NOSCRIPT> <meta http-equiv="Refresh" content="0; URL=Hata.asp?Msg=Tarayıcınızın Javascript desteği pasif görünüyor. Bu uygulamayı kullanabilmeniz için tarayıcının javascript desteğini açmanız gerekmektedir."> </NOSCRIPT>
Bu kodlarda content özelliğinde belirttiğimiz “0″ değeri kaç saniye bekleyip yönleneceğini ayarlar. Diğer URL özelliğini ise biliyorsunuz.
Kolay gelsin.
<NOSCRIPT><meta http-equiv=”Refresh” content=”0;URL=Sinav.Hata.asp?Bas=Tarayıcınızda Bir Sorun Görünüyor!&Msg=Tarayıcınız Javascript desteği pasif görünüyor. Sınav uygulamasını kullanabilmeniz için tarayıcı javascript desteğini açmanız gerekmektedir.”></NOSCRIPT>
Son Yorumcular