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

  • Konuyu başlatan Konuyu başlatan Rom.
  • Başlangıç tarihi Başlangıç tarihi
Rom.

Rom.

Rektör
Emektar
Katılım
11 Aralık 2008
Mesajlar
15,332
Reaksiyon puanı
177
Puanları
243
Başlıktan da anlaşılacağı gibi Bir div oluşturdum ama içine Link Tanımlayamıyorum daha doğrusu şöyle söyleyim ; Bi templates indirdim Ve bunda çeşitli linkler oluşturdum, Linklerdeki içeriklerin açılmasını istediğim bir de div oluşturdum fakat Linklere tıkladığımda içerik geliyor gelmesine de template sıfırlanıyo direk o sayfa çıkıyo karşıma:(
Yani bi div oluşturup istediğim linki bu div içinde nasıl tanımlayabilirim Sorum bu :)

Yardımlarınız için şimdiden Teşekkürr :happy:
 
Y

ykeri

Öğrenci
Katılım
29 Nisan 2009
Mesajlar
4
Reaksiyon puanı
0
Puanları
0
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
 
N

nurullahd1450

Öğrenci
Katılım
14 Nisan 2009
Mesajlar
27
Reaksiyon puanı
0
Puanları
0
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.
 
M

Majeste

Profesör
Katılım
7 Mart 2007
Mesajlar
1,953
Reaksiyon puanı
21
Puanları
0
Hiç anlamadım. :S Kodları eklersen yardımcı olabilirim.
 
N

nurullahd1450

Öğrenci
Katılım
14 Nisan 2009
Mesajlar
27
Reaksiyon puanı
0
Puanları
0
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.
 
M

Majeste

Profesör
Katılım
7 Mart 2007
Mesajlar
1,953
Reaksiyon puanı
21
Puanları
0
@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?
 
N

nurullahd1450

Öğrenci
Katılım
14 Nisan 2009
Mesajlar
27
Reaksiyon puanı
0
Puanları
0
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.
 
mei

mei

Profesör
Katılım
26 Mart 2009
Mesajlar
1,856
Reaksiyon puanı
36
Puanları
228
<div id="xxxxx" OnClick="javascript: window.open('http://www.xxxxx')">

styleseet e şunu ekle:
cursor: pointer;
 
annttiigs

annttiigs

Profesör
Katılım
7 Şubat 2007
Mesajlar
2,589
Reaksiyon puanı
24
Puanları
218
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 ;)
 
N

nurullahd1450

Öğrenci
Katılım
14 Nisan 2009
Mesajlar
27
Reaksiyon puanı
0
Puanları
0
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.
 
annttiigs

annttiigs

Profesör
Katılım
7 Şubat 2007
Mesajlar
2,589
Reaksiyon puanı
24
Puanları
218
ş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 :)
 
N

nurullahd1450

Öğrenci
Katılım
14 Nisan 2009
Mesajlar
27
Reaksiyon puanı
0
Puanları
0
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.
 
annttiigs

annttiigs

Profesör
Katılım
7 Şubat 2007
Mesajlar
2,589
Reaksiyon puanı
24
Puanları
218
ş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.


Kod: 
$(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
 
Cevap yazmak için kayıt ol veya giriş yap

SDN Haberleri

Son mesajlar

Üst