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;
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
.
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.
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 


Son Yorumcular