Div'e Link tanımlama (Yardım)

anladığım kadarıyla onun için basit bir javascript yazman gerekir ama sorunu tam olarak iletirsen kapsamlı olarak yardımcı olmaya çalışırım :) pek sorunu anlamadım...

E-ticaret 'in Adresi

Arkadaşın söylediği konudan bende mudaribim acaba bu sorunun çözümünü buraya yada özelde bana anlatırmısın.Şu an acilen bu sorunun çözümüne ihtiyacım var.şimdiden teşekkürler.

Hiç anlamadım. :S Kodları eklersen yardımcı olabilirim.

Offline olarak çalışıyor sadece sunucuya yüklediğimde sorun çıkarıyor.İsterseniz yayınlayayım ve sizde online olarak görün.Sorunumu tekrar edeyim div ler arasına resimlere <a href="a.com">resim</a> şeklinde link veriyorum,bu offline olarak çalışıyor fakat sunucuya yuklediğimde link çalışmıyor.Resmin üzerine gelince gideceği yolu kontrol ediyorum yol doğru ama çalışmıyor.Javascript kodunda bir sorun olduğunu düşünüyorum.İsterseniz kodları gondereyim size.

@Rom. seni de anlamadım hocam.

@nurullahd1450

<div> <a href="example.com"> <img src="resim.jpg" /> </a> </div>

gibi mi mesela? Bunun için neden javascript kullanıyorsun ki?

Ben onun içinde javascript kullanmadım zaten fakat <div class="a.css"><a href="example.com"> <img src="resim.jpg" /> </a> </div> gibi durumda javascript kodunu işleyip geliyor.Normal şartlarda çalışır sizin yaptıgınız gibi fakat eger css ten javascriptten ekrana getirilecek resim ayarlanıyorsa ve bunun için class larını kullanmak zorundayım.İşte bu noktada link çalışmıyor.

<div id="xxxxx" OnClick="javascript: window.open('http://www.xxxxx')">

styleseet e şunu ekle:
cursor: pointer;

bu sorunu aynen yaşamıştım. turkcell mobil tv IPad uygulamasını yazarken. aslında jquery bu iş için çok güzel olanaklar sunuyor. oldukça da kullanışlı oluyor.

jquery.ajax(..) metodunu okursan kullanımı çok kolay. bu metod içindeki success durumuna; $('#divID').load(data); gibi bir tanımlama yaparsan sıkıntın kalmayacaktır. bana özel mesaj atarsan sana benim örnek kodu da veririm ;)

mei arkadaşım;

senin yazdığın kodu denedim fakat bu sadece div e link verir fakat ben div e link vermek değil içine link vermek istiyorum.Yinede ilgin için teşekkür ederim.

şimdi şunu anladım ( ilk cevabım da ona yöneliktir )

siz elinizde linkleriniz var. getir.jsp?sira=n, n=1,2,3.... gibi bir şey.

siz bir yerde duran getir.jsp'yi içeren linke tıkladığınızda başka bir yerde bulunan id="icerik" div'ne sira'si n olan içeriği getirmek istiyorsunuz ? doğru mudur ?

jsp uzantısına takılmayın. birisi jsp ile yazar. bir başkası asp, bir başkası php java scriptin dili bir :)

Aynen dediğiniz gibi,peki bunun çözümünü biliyormusunuz acaba ?

---------- Post added at 19:25 ---------- Previous post was at 18:43 ----------

Bu konuda daha ayrıntılı bilgi alabilir miyim? Daha önceden söylediğiniz fonksiyon(jquery.ajax(..)) bendeki kodlar arasında yok.

şimdi;
ihtiyacımız olan şey; meşhur java script kütüphanesi olan jquery dir. Bunu internetten indirebilirsiniz. ya da test ettiğiniz sistem internete çıkabiliyorsa;
head tagları arasında;
google tarafından host edilen jquery.js'i include edebilirsiniz. benim tavsiyem ilk metoddur. Buna göre; jquery.js'i indirin. bir dosyaya kopyalayıp onu include edin.

ardından linkiniz gittiği sayfanın adına getir.jsp diyelim. bu sayfanın bir yeni versiyonunu yapalım ki sonra eski versiyonumuzu kaybettim diye ağlamayalım :)

bu yeni versiyonda <html>, <head>, gibi taglar olmasın. burası sadece div'in içine çekmek istediğiniz tagları içersin. eğer sadece metin getirecekseniz taglara da gerek yok :)

ardından;

jquery'nin meşhur document ready metodu içine; ki bunu ister ayrı bir js içine yazın. ister olduğunuz sayfada (yine head tagları arasında) yazın. modülerlik konusunda bilerek yönlendirmiyorum. sizin structure'nuz nasıl bilmediğim için.

$(document).ready(function() {
	
	$('a[href*="getir.php"]').click(function() { // getir.php örnektir. siz kendinizinkini yazın.
		var url = './'+$(this).attr('href'); // burada getir.php nin yerine göre './' ifadesini değiştirebilirsiniz.
		$.ajax({
			url: url,  //aldığımız url'i ,ki o href içindeydi, burada ajax'a verdik.
			success: function(data){
				$('#<div_id>').html(data); //div id yazan yere kendi div'nizin idsini koyunuz. mesela $('#remoteDiv') şeklinde olmalı.
			},
			error: function(){
				alert("Sistemde Hata Oluştu. Lütfen daha sonra tekrar deneyiniz..");
			}
		});
	});
});

bu en basit hali ile sizin getir php'den dönen text'i ya da artık her neyse onu div içinde gösterecektir. ajax call yaparak tabi ki :)

burada önemli nokta kod kısmı değil. kod kısmının çalışmasını ( hata alert'i de bassa ) sağlamaktır bence. yani;

1 - jquery'yi doğru bir şekilde sayfanza include edebilmek.
2 - getir.php nin döndürdüğü içeriğin istenen formatta olması. ( html, head, body gibi temel tagları içermemesi!!! )

---------- Post added at 08:26 ---------- Previous post was at 08:25 ----------

umarım yardımcı olur. daha da olmazsa çalışmanızın bir kopyasını ( zipleyip bana yollayabilirsiniz ) iletişim mail adresini özelden istersiniz artık .P