03.12.2011 tarihinde güncellenmiştir.
Merhaba arkadaşlar böyle ufak bir kod parçacığını paylaşmak istemezdim ama köklü bir makale yazmak 1 haftamı alıyor o yüzden böyle arada aparatif kodlar paylaşacağım.
jQuery ile belli bir div’i dikey ortalamak için bir kaç satır jquery kodu yetiyor ama ben bir değişiklik daha yaptım ve tarayıcı boyutu resize olduğunda yani sayfa yenilemeden resize olduğunda tekrar ortalama işlemini başlatıyor.
Ön izleme
jQuery Kodları
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
$(document).ready(function () { //Sayfa yuklendiginde ortalama fonksiyonunu calistiriyoruz dikeyOrtala(); }); $(window).bind('resize', function () { // Tarayici boyutu degistiginde ortalama fonksiyonunu calistiriyoruz dikeyOrtala(); }); function dikeyOrtala() { /** * Giris paneli; ekran cozunurlugune gore dikey ortalama **/ var yukseklik = $('#giris').height(); var ekranYuksekligi = window.innerHeight; if (ekranYuksekligi & gt; yukseklik) { var margin = Math.round((ekranYuksekligi - yukseklik) / 2); $('#giris').css('marginTop', margin); } else { $('#giris').css('marginTop', 0); } } |
Soru ve sorunlarınız için yorum kısmını kullanırsanız daha hızlı cevaplar verebilirim.
Gayet anlaşılır ve basit olmuş. Tek denemede başarılı oldum. 🙂 Teşekkürler Aycan.
Aycan abi eline sağlık, bu işin pîr’isin. 🙂
Aycan Gerçekten Kısa Olmuş Güzel Bir Çalışma Tebrikler….
Ellerine sağlık Aycan.
yeni Yorumum Biraz Daha İyi
Bu Kodlar Gerçekten de çok işe Yarar Şekilde Tasarlanmış Herkesi Beklerim.
sayfanın en altına sabitleti siteyi nerde hata yapmış olabilirim
aycan.net/iletisim bolumunden site adresinizi gönderirseniz yardımcı olmaya çalışırım
hatayı buldum teşekkur ederim inan aramaktan göz altlarım morardı ama en kısa yoldan sonuca sen ulastırdın teşekkur ederim
hocam dediklerini yptım sıkıntı yok ancak IE da calışmıyor bunun için nasıl bir yol izlememiz gerekiyor
ie’!de çalışmama gibi bir durum söz konusu olamaz ben hepsinde test ettim. Ancak şöyle bir sorununuz olabilir açılan elementin height değerini belirtmediyseniz dikey ortalama yapamaz.
hocam iletişim kısmından ileti yolladım bilginiz olsun
hocam hosta attım projeyi linkilde mailledim size bilginize
ftp sıkıntısından dolayı problem olmus hocam duzelltim özür dilerim.tekrardan mail attım.
ie 8.0 da sizin yaptığınız ön izlemenin ve verdiğiniz kodun çalışmadığını farkettim, yukarıda test ettiğinizi söylemişsiniz fakat bende defalarca denedim, hatta en son sizin hazırladığınız örneği denedim o da çalışmıyor.
giris div’inin yükseklik değeri olmadığı için yapıyor, akşam düzelteceğim.
Vallahi bravo, çok sade bir anlatım.