Gmail kullanmayı seviyorum. Çünkü her zaman pratik ve kullanıcı dostu.
Geçen yeni bir özelliğini fark ettim.
Sürekli mesaj attığım bir grup mail adresi var. Bir kere de bu grubun sadece bir bölümüne mesaj atacaktım ki gmail bana "şunları da ekleyebilirsin" diye gruptaki diğer adresleri gösterdi.
Showing posts with label ufak ipuçları. Show all posts
Showing posts with label ufak ipuçları. Show all posts
Tuesday, September 15, 2009
Friday, September 11, 2009
Hızlı Yol Tarifi Formu
TAVSİYE EDİYORUM
Eğer oldukça pratik bir şekilde google maps yol tarifi vermek isteseydim bir form koyardım ve bu formu google maps e post eylerdim. Şöyle ki:
İsterseniz hemen deneyin:
Eğer oldukça pratik bir şekilde google maps yol tarifi vermek isteseydim bir form koyardım ve bu formu google maps e post eylerdim. Şöyle ki:
<form action="http://maps.google.com/maps" method="get"> Konum <input type="text" id="saddr" name="saddr" /> <input type="hidden" id="daddr" name="daddr" value="Ankara, Türkiye" /> <input type="submit" value="Yol Tarifi Al" /> </form>
İsterseniz hemen deneyin:
Wednesday, June 3, 2009
Jquery Animasyonlarında Dikkat Edilmesi Gereken Önemli Bir Nokta
Bu sabah jquery ile yaşadığım kötü hatıra ile not etme gereği duydum
Sıradan bir menü efekti için mouse linklerin üzerine geldiğinde linklerin sağa doğru animasyonunu sağlayan kod kabaca şu şekilde olabilir.
Etraflıca bakınmanız için ek bağlantılar:
http://docs.jquery.com/Effects/stop
http://docs.jquery.com/Effects/animate
http://docs.jquery.com/API/1.3/Effects
Sıradan bir menü efekti için mouse linklerin üzerine geldiğinde linklerin sağa doğru animasyonunu sağlayan kod kabaca şu şekilde olabilir.
$(document).ready(function() {
$('ul a')
.hover(
function() {$(this).animate({ left: 30 });},
function() { $(this).animate({ left: 0 });});
});Görmek için: http://jsbin.com/oyaxe
Kodu daha yakın incelemek/düzenlemek için: http://jsbin.com/oyaxe/edit
Fakat yukarıdaki örnekde mouse hızlıca linklerin üzerinden bir kaç gez gidip geldiğinde linklerin tüm animasyonu tamamlamak için animasyonları kuyruğa koyar ve mouse artık başka yerde olsa bile önceki hareketinin tetiklediği animasyonlar bir süre devam eder. Bu önemli nokta genellikle atlanıyor. Bunun önüne geçmek için animate() fonksiyonundan hemen önce stop() fonksiyonu kullanılmalı. Şöyle ki:
Fakat yukarıdaki örnekde mouse hızlıca linklerin üzerinden bir kaç gez gidip geldiğinde linklerin tüm animasyonu tamamlamak için animasyonları kuyruğa koyar ve mouse artık başka yerde olsa bile önceki hareketinin tetiklediği animasyonlar bir süre devam eder. Bu önemli nokta genellikle atlanıyor. Bunun önüne geçmek için animate() fonksiyonundan hemen önce stop() fonksiyonu kullanılmalı. Şöyle ki:
$(document).ready(function() {
$('ul a')
.hover(
function() {$(this).stop().animate({ left: 30 });},
function() { $(this).stop().animate({ left: 0 });});
});
Görmek için : http://jsbin.com/ayizi/
Kodu daha yakın incelemek/düzenlemek için: http://jsbin.com/ayizi/edit
http://docs.jquery.com/Effects/stop
http://docs.jquery.com/Effects/animate
http://docs.jquery.com/API/1.3/Effects
Friday, May 22, 2009
Kullanıcıya güvenme 1 - Form Submit Butonunu Etkinsizleştir
TAVSİYE EDİYORUM
Çoğu uygulamada görüp hala kendi uygulamalarımda yapmadığım bir durumdur. Bir formda "Submit" tuşuna basıldıysa kullanıcının tekrar tekrar o tuşa basmasını engellemek gerek. tembel olduğum için kısaca tüm formlara bu özelliği şu şekil ekliyorum artık
Çoğu uygulamada görüp hala kendi uygulamalarımda yapmadığım bir durumdur. Bir formda "Submit" tuşuna basıldıysa kullanıcının tekrar tekrar o tuşa basmasını engellemek gerek. tembel olduğum için kısaca tüm formlara bu özelliği şu şekil ekliyorum artık
// <form> bütün form tagleri $('form').submit(function(){// submit olduğu vakit $('input[type=submit]', this).attr('disabled', 'disabled'); });
Subscribe to:
Posts (Atom)
