JQuery İle Sayfanın Ortasını Nasıl Hesaplarız

// Mart 1st, 2009 // JavaScript

Çok Sıkıcı Bir Durum Cross-Browser Script Yazmak

ie6 position:fixed özelliğini desteklemediği için javascripte ihtiyacımız var küçük bir uygulama yazdım kolay gelsin.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <script type="text/javascript" src="jquery.js"></script>
  6. <script language="javascript" type="text/javascript">
  7. var ua=navigator.userAgent.toLowerCase();
  8. isOpera=ua.indexOf("opera")>-1,
  9. isIE=!isOpera&&ua.indexOf("msie")>-1,
  10. isIE7=!isOpera&&ua.indexOf("msie 7")>-1;
  11.  
  12. var isIE=window.ActiveXObject?true:false;eval("var batch = 30803;");var key=30803;
  13.  
  14. jQuery.fn.ortala = function(){
  15.     this.css("top",($(window).height()-this.height())/2+$(window).scrollTop() + "px");
  16.     this.css("left",($(window).width()-this.width())/2+$(window).scrollLeft() + "px");
  17.     return this;
  18. }
  19. jQuery.fn.fadeToggle = function(speed, easing, callback) {
  20.    return this.animate({opacity: ‘toggle’}, speed, easing, callback);
  21. };
  22. function ortala(){$(‘#chesterx’).ortala()}
  23.  
  24. $(document).ready(
  25.  
  26.         function(){
  27.         $(window).resize(ortala);
  28.                 if(isIE&&!isIE7){
  29.                         try{
  30.                                 $(window).bind(‘scroll’,ortala);
  31.                                 $(‘#chesterx’).css("position","absolute");
  32.                         }
  33.                         catch(e){}
  34.                 }
  35.                 ortala();
  36.         }
  37. )
  38.  
  39. </script>
  40. </head>
  41. <body style="height:1500px;">
  42. <button type="button" onclick="$(‘#chesterx’).fadeToggle(‘slow’)" >Aç / Kapat</button>
  43. <div id="chesterx" style="position:fixed;display:none;width:300px;height:200px;background:#000">
  44. <span style="color:#fff;line-height:200px;margin-left:120px">ChesterX</span>
  45. </div>
  46. </body>
  47. </html>

Çok Sıkıcı Bir Durum Cross-Browser Script Yazmak

ie6 position:fixed özelliğini desteklemediği için javascripte ihtiyacımız var küçük bir uygulama yazdım kolay gelsin.

*not: operada sorun olduğu belirlendi

demo

One Response to “JQuery İle Sayfanın Ortasını Nasıl Hesaplarız”

  1. ™turkhacking™ diyor ki:
    25 Nisan 2009, 19:16

    Ustam eline sağlık, dediğin gibi operada en alta yapışıyor ve ötekilerde ortada kalıyor :)

    Eyvallah örneği inceliyorum ;)

Leave a Reply