pillinetwork hesabınızla giriş yapın.

soru:jquery ile div alanının içine linkler yardımı ile html sayfası yüklemek

Yapmak istediğim şu;

\

sağdaki menü alanındaki linke tıklayınca sol bölümdeki div alanına ilgili html sayfasının çağrılması.Her link bir html sayfasını çağıracak.
Örneğin: Link1-->1.html, Link2-->2.html.....
Aslında bir tek link için yapmıştım ama öteye taşıyamadım.Kodlar şöyle idi;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

    $('a').click(function(){

        $('#metin').load('index.html');

    });

});

</script>

</head>

<body>

<a href ="#index.html">tıkla</a>

<br />

<br />

<p id="metin">ben <strong>eski</strong> bir içeriğim</p>

</body>


Bunu istediğim tarzda nasıl yapabilirim.Yardımcı olabilecek arkadaşlara teşekkürler.
Spacer
Spacer
/* Etiketler: , , */
/* ersenbarlas yazdı. 12 Temmuz 2010 15:41. 3 yorum var */

Yorumlar

aslında birazcık docs.jquery.com da dolaşsan burada bu tür bir soruyu sormana gerek kalmazdı.

ama linkler için şunu yapabilirsin
<a href="index.html" class="sayfalar">anasayfa</a> misal diyelim
bu arada sadece a tagı kullanma event atarken class kullan yada
a.sayfalar gibi class kullan
<script>
//sayfanın sonuna yazarsan $(document).ready(); fonk ihtiyaç kalmaz
//tabiki ajax ile yüklemiyorsan menüleri yani sayfa yüklendikten sonra

$("a.sayfalar").click(function(event){ event.preventDefault(); //bununla linkin çalışmasını önlüyoruz var sayfa=""+$(this).attr("href")+""; $('#metin').load(sayfa);
//yeterli olucaktır fakat illada #den sonra olucak der isen
/* var sayfa=""+$(this).attr("href)+""; sayfa=sayfa.substr(1);//#'si silindi yanlız bunu birde sayfa yüklenirkende kullanman lazım misal link verildi sayfanın sonuna yada document ready fonk ile var sayfa=""+document.location.href+""; var parcala=sayfa.split("#"); sayfa=parcala[1]; //# den sonrası olduğu için $("#metin").load(sayfa);
yani anlıyacağın öle zor birşey değil tabi araştırmak zor geliyorsa onu bilemem. */
});
</script>

/* candasm | 13 Temmuz 2010 01:11 */

Yardımın için teşekkürler.İnan bana araştırma yapmak hiçbir zaman zor gelmiyor.Bazen küçücük bir şeyi öğrenebilmek için günlerini harcayabiliyor insan.şu an javascript-jquery yeni öğrenme aşamasındayım.sorunumu şu şekilde hallettim.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

		<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>

		<script type="text/javascript">

			$(document).ready(function() {

				$('a').click(function() {

					$("#metin").html("<img src='resim.jpg'");

					$('#metin').load($(this).attr("href"),function() {

						$("#metin a").fancybox();

					});

				});

			});

		</script>

<body>

		<a href="1.html" onclick="return false;">Resim 1</a>

		<a href="2.html" onclick="return false;">Resim 2</a>

		<br/>

		<br/>

		<p id="metin">

			asıl içerik

		</p>

/* ersenbarlas | 17 Temmuz 2010 07:11 */

html sayfasının tamamını çağırmanı önerme hele ki sürekli kalacak bir içerikse çok sakıncalı. ama popup tarzı birşeyse belki olabilir. html sayfası tamamı yerine head body ve html tagları olmayan içerik metnini çağırırsan daha iyi olur.

$('#div').html($('#cagrilacakmetinler).html() );

gibi birşey işini görecektir. harici bir dosya için xml okuman gerekebilir.

/* daily news | Logmania | RockLies */
/* vectro | 20 Temmuz 2010 17:13 */

üye olunpillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.

Bu yazıyı rapor et. Kural dışı içeriğe rastladığınızda editörlerimize rapor ederek müdahale edilmesini sağlayabilirsiniz. (Hangi durumlarda rapor edebilirim?)

Bu site

Nokta ve pilli ortak yapımı olan kodaman.org hep birlikte içerik üretip gelirini yazarları ile paylaştığımız kolektif bir kod yazarları blogudur. Siz de katılabilirsiniz.

pilliilan

Bu siteye ilan vermek 7ytl/gün'den başlayan fiyatlarla

son yorumlar

devamı »

arama

pillinetwork