• 05-08-2012, 23:57:17
    #10
    Üyeliği durduruldu
    Misafir adlı üyeden alıntı: mesajı görüntüle
    kusura bakma ama cidden beceremedim jquery ile
    yani şöyle bişi olmasını istiyorum
    <body class="EKRAN GENİŞLİĞİ">
    Aşağıdaki kod direk işlemi yapmaktadır.. Boş bir html sayfasina kaydet ve sonucu izle.. daha da ne verim
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
    		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script>
    var Genislik = screen.width;
    document.write(Genislik); // Genislik için
    $("body").addClass(Genislik); // Body tagına Genişlik boyutunu Class olarak eklemek için örn: <body class="1366"> yapar..
      </script>
     </head>
     <body>
      içerik
     </body>
    </html>
  • 06-08-2012, 00:05:51
    #11
    Mepring adlı üyeden alıntı: mesajı görüntüle
    Aşağıdaki kod direk işlemi yapmaktadır.. Boş bir html sayfasina kaydet ve sonucu izle.. daha da ne verim
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
    		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script>
    var Genislik = screen.width;
    document.write(Genislik); // Genislik için
    $("body").addClass(Genislik); // Body tagına Genişlik boyutunu Class olarak eklemek için örn: <body class="1366"> yapar..
      </script>
     </head>
     <body>
      içerik
     </body>
    </html>
    bu çok iyi oldu tam istediğim değil ama en azından aklımdakileri aktarabilmemi sağladın. istediğim şekil aynen aşağıdaki gibi.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
    		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script>
    var Genislik = screen.width;
    document.write(Genislik); // Genislik için
    $("body").addClass(Genislik); // Body tagına Genişlik boyutunu Class olarak eklemek için örn: <body class="1366"> yapar..
      </script>
     </head>
     <body class="EKRAN ÇÖZÜNÜRLÜĞÜ">
      içerik
     </body>
    </html>
    [/QUOTE]

    hocam sitedeki <body class="ekran çözünürlüğü"> kısmını tarayıcıya göstercek o yüzden. yani 1024 ekran çözünürlüğü ile siteye giriş yapana class="1024" olarak görünecek. umarım anlatabilmişimdir ilgin için tekrardan teşekkürler.
  • 06-08-2012, 00:08:53
    #12
    Üyeliği durduruldu
    Bu kodları <head>....</head> arasına kopyala lütfen;
    Alıntı
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
    var Genislik = screen.width;
    $("body").addClass(""+Genislik+"");
    </script>
    Bu kod tam olarak senin istediğini yapmakta..

    Bu kodları denililen yere eklediğinde aynen aşağıdaki sonuç olacak;

    Alıntı
    <body> boşta iken
    kod çalışınca
    Alıntı
    <body class="1024">
    olacak bir anda..
  • 06-08-2012, 00:18:19
    #13
    Mepring adlı üyeden alıntı: mesajı görüntüle
    Bu kodları <head>....</head> arasına kopyala lütfen;
    Bu kod tam olarak senin istediğini yapmakta..
    Bu kodları denililen yere eklediğinde aynen aşağıdaki sonuç olacak;
    kod çalışınca
    olacak bir anda..
    İlgin için teşekkürler fakat istediğim şey olmadı.
    </head>
    <body class="size_1366">
    <div id="wrapper">
    header'da böyle bi kod var ve benim tarayıcıya göre siteyi düzenli bi şekilde gösterebilmem için oradaki class'ın değişmesi gerekiyor. bu kodlar malesef bunu yapmadı.
    Siteye 1024 ekran çözünürlüğü ile giriliyorsa
    </head>
    <body class="size_1024">
    <div id="wrapper">
    Siteye 800 ekran çözünürlüğü ile giriliyorsa
    </head>
    <body class="size_800">
    <div id="wrapper">
    gibi. İlgilendiğin için tekrardan teşekkür ederim.
  • 06-08-2012, 00:20:57
    #14
      <script>
     window.onload = function ()
    {
    var cozal= screen.width; 
    document.body.className +=  cozal;
    }
      </script>
    Al hocam jquery eklemenize falan gerek kalmaz bu kodla sadece dosyaya ekleyin çalışır

      <script>
     window.onload = function ()
    {
    var cozal = screen.width; 
    document.body.className +=  "size_"+cozal;
    }
      </script>
    Başına size eklemek içinde üstteki işinizi görür
  • 06-08-2012, 00:29:50
    #15
    Üyeliği durduruldu
    kolpacino adlı üyeden alıntı: mesajı görüntüle
      <script>
     window.onload = function ()
    {
    var cozal= screen.width; 
    document.body.className +=  cozal;
    }
      </script>
    Al hocam jquery eklemenize falan gerek kalmaz bu kodla sadece dosyaya ekleyin çalışır
      <script>
     window.onload = function ()
    {
    var cozal = screen.width; 
    document.body.className +=  "size_"+cozal;
    }
      </script>
    Başına size eklemek içinde üstteki işinizi görür
    Evet bu kodda işinize yarıyor ancak arkadaş değiştirmek istiyor bu kod ek yapıyor..

    Alıntı
    <script type="text/javascript">
    window.onload = function ()
    {
    var cozal= screen.width;
    document.body.className = cozal;
    }
    </script>
    direk değiştirmeye olanak sağlıyor arkadaşın verdiğindeki className += cozal; yerine className = cozal; denildiğinde..
  • 06-08-2012, 00:31:43
    #16
    Mepring adlı üyeden alıntı: mesajı görüntüle
    Evet bu kodda işinize yarıyor ancak arkadaş değiştirmek istiyor bu kod ek yapıyor..
    direk değiştirmeye olanak sağlıyor arkadaşın verdiğindeki className += cozal; yerine className = cozal; denildiğinde..
    Hocam başına size da eklemek istiyorsa

    <body class="size_800">
    Şu kod istediği sanırım
      <script>
     window.onload = function ()
    {
    var cozal = screen.width; 
    document.body.className +=  "size_"+cozal;
    }
      </script>
  • 06-08-2012, 00:33:26
    #17
    Üyeliği durduruldu
    kolpacino adlı üyeden alıntı: mesajı görüntüle
    Hocam başına size da eklemek istiyorsa
    <body class="size_800">
    Şu kod istediği sanırım
      <script>
     window.onload = function ()
    {
    var cozal = screen.width; 
    document.body.className +=  "size_"+cozal;
    }
      </script>
    Hocam ilk okuduğumda size'i anlamamışım ondan sonradan fark ettim bende ancak, += denildiğinde mevcut'un yanına ekler, sadece = eklenilirse var olanı değiştirir demek istediğim oydu yoksa kod çalışıyor yeterince iyi bir şekilde..
  • 06-08-2012, 00:34:21
    #18
    Anladım hocam bende bodye javascriptle class eklemeyi hayal meyal hatırlıyordum ama yazamıyordum, sizin kodu görünce aklıma geldi denedim çalıştı