Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

jQuery ile tıklanan bir linkten değeri alıp o değere göre sayfa load edilebilir mi?

html tabanlı bir sayfada include yöntemine benzer bir sistem oluşturmaya çalışıyorum.


<html>
<head>
<title></title>
</head>
<body>
<div class="ust"></div>
<div class="menu">
<ul>
<li><a href="index.html?sayfa=haber.html">Haberler</a></li>
<li><a href="index.html?sayfa=iletisim.html">İletişim</a></li>
<li><a href="index.html?sayfa=diger.html">Diğer Sayfa</a></li>
</ul>
</div>

<div id=icerik></div>

<div class="alt"></div>
</body>

</html>

gibi bir sayfamız olsun.

menüdeki sayfalara tıklandığında örneğin Haberler linkine tıkladığında haber.html içeriği <div id=icerik></div> içine load ya da başka bir yöntemle alabilir miyiz?
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • protest adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    32 cevap - 6 soru
    mumkun.

    am aöncelkikle sayfa=sayfa.html seklinde sayfa cagirmak hatalıdır.
    baska birisi kendi kodunu bu yolla calıstırır ve ciddi zararlar verebilir sayfaya.

    soyle yapabilirsin en basitinden


    <a onclick="sayfayiac(1)">Haberler</a>
    <a onclick="sayfayiac(2)">Yorumlar</a>
    <a onclick="sayfayiac(3)">Makaleler</a>
    
    


    function sayfayiac(a){
      if (a==1){$("#icerik").load("haber.html");}
      if (a==2){$("#icerik").load("yorum.html");}
      if (a==3){$("#icerik").load("makale.html");}
    }
    
    • zyber adlı üyenin fotoğrafı zyber
      Ben aşağıdaki gibi bir yapı yazmıştım bu arada...
      Ancak hiç tıklama olmadan yani sayfa ilk açıldığında gelecek sayfayı açtırmam lazım bunu bu yapıya nasıl ekleyebiliriz.


      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="tr" lang="tr" dir="ltr">
      <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
      <style type="text/css">
      <!-- 
      html,body,div,span,h1,h2,h3,p,hr,br,img,form,input,ul,li,a {
       margin:0;
       padding:0;
       border:0;
      }
      ul li {list-style:none;}
      body {
       font-family:Helvetica, Arial, Tahoma, sans-serif;
       font-size:13px;
       color:#444;
       line-height:1.5em;
      } 
      #kapsayici {
      background:#fff;
      margin:10px auto;
      width:960px;
      border:1px solid #dfdfdf;
      min-height: 700px;
      }
      -->
      </style>
      <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" /></script>
      <script type="text/javascript">
      $(document).ready(function(){
      $('a').live("click", function(e){
      var sayfa = $(this).attr('rel');
      $('#icerik').load(sayfa);
      });
      
      });
      </script>
      </head>
      <body>
      <div id="kapsayici">
      
      <div class="ust"></div>
      <div class="menu">
      <ul>
      <li><a href="#" rel="haber.html">Haberler</a></li>
      <li><a href="#" rel="iletisim.html">İletişim</a></li>
      <li><a href="#" rel="diger.html">Diğer Sayfa</a></li>
      </ul>
      </div>
      
      <div id="icerik"></div>
      
      <div class="alt"></div>
      
      </div>
      </body>
      


      </html>
      10 yıl önce yazılmış
    • protest adlı üyenin fotoğrafı protest
      <div id="icerik"><div>

      satırının altına

      <script>
      $("#icerik").load("yukleneceksayfa.html");
      </script>

      çalışacaktır
      10 yıl önce yazılmış
    • zyber adlı üyenin fotoğrafı zyber
      Ancak bu ilk açılışta yüklenecek sayfa diğer sayfalara tıklandığında görünmemesi gerekir çünkü tıklanan sayfa bu sayfanın yerine gelecek
      10 yıl önce yazılmış
    • protest adlı üyenin fotoğrafı protest
      e zaten su anda oyle olur zaten

      ilk acılısta ilk acılacak sayfa icerik alanaına load edilir.
      otekileri tıkladıgında sayfa bastan yuklenmeyecegi icin, tıklatıgın sayfa o alana load edilecek.

      haa sen tum sayfayı refresh etmek istiyorum dersen o zaman boyle bir seye ihtiyacımız kalmaz.
      10 yıl önce yazılmış
    • zyber adlı üyenin fotoğrafı zyber
      Ben şöye bir şey düşünmüştüm yukardaki 34. satır sonrasına
      sayfa = $(this).attr('rel');

      if sayfa!="" {
      $('#icerik').load("default_sayfa.html");
      } else {
      $('#icerik').load(sayfa);
      }
      gibi bir yapı daha mantıklı olmaz mı?
      10 yıl önce yazılmış
    • protest adlı üyenin fotoğrafı protest
      hocam

      bana göre zaten o rel li kısımlar da cok optimize gelmedi.

      belki de ben yanlış biliyorumdur

      ben olsam o sekilde yapmazdım.

      ilk verdigim koda
      2. verdigimi eklerdim ve senin dedigin islem yurutulurdu.

      yani oraya sayfa tanımlı degilse defaulte load et demek, zaten benim dedgimi yapmak demek.
      sayfa load edilmedigi icin o yuklenmiş.
      10 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.