Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

linke tıklandığında div içine değer göndermek

 8 Mesajlar 1.700 Okunma
acebozum
tr.link

#1
berrynetwork berrynetwork WM Aracı Kullanıcı
  • Üyelik 08.04.2014
  • Yaş/Cinsiyet 40 / E
  • Meslek web design ve yazılım
  • Konum Antalya
  • Ad Soyad N** U**
  • Mesajlar 181
  • Beğeniler 16 / 24
  • Ticaret 2, (%100)
merhaba arkadaşlar, javascript bilgim pek olmadığından bu soruyu sizlere sormak istedim. alt alta sıralanmış linkler bulunmakta.


Ali
Veli
Ahmet
Mehmet


gibi. bu linklere tıklandığında sonuç divine alt alta sıralanması istiyorum.

Örneğin;



Ali


Ahmet



şeklinde. Bunu javascript ile nasıl yapabilirim bilen varsa yardımlarınızı bekliyorum.

Teşekkürler.

Ek olarak verilen veritabanından çekilecek. Yani yardımcı olacak arkadaşların php ile veri listelediğimi göz önünde bulundurmalarını rica ederim.

Tekrar teşekkürler.
 

 

elektronikssl
webimgo

#2
JumperTech JumperTech Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 02.07.2016
  • Yaş/Cinsiyet 39 / E
  • Meslek Webmaster
  • Konum İstanbul Avrupa
  • Ad Soyad B** O**
  • Mesajlar 1705
  • Beğeniler 820 / 523
  • Ticaret 19, (%100)
Al kodladım değerimi bil :D

<script>
function add(text){
document.getElementsByClassName("sonuc")[0].innerHTML += "
"+text;
}
</script>

Ali
Veli
Ahmet
Mehmet


berrynetwork

kişi bu mesajı beğendi.

#3
fullstackdev fullstackdev WM Aracı Kullanıcı
  • Üyelik 25.06.2016
  • Yaş/Cinsiyet 37 / E
  • Meslek full stack developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 334
  • Beğeniler 35 / 93
  • Ticaret 0, (%0)
jquery entegre et sisteme.

$(function(){
$('a').click(function(){
$('.sonuc').append($(this).text() + "
");
});
});


bu sekilde sayfadaki herhangi bir linke tiklandigi taktirde icerigini alip sonuc divine ekleyecektir.. Bunu sadece bir grup linkte aktif etmek istersen linklere class verebilirsin.
berrynetwork MuhammetKoc GrafikYazilim06

kişi bu mesajı beğendi.

#4
berrynetwork berrynetwork WM Aracı Kullanıcı
  • Üyelik 08.04.2014
  • Yaş/Cinsiyet 40 / E
  • Meslek web design ve yazılım
  • Konum Antalya
  • Ad Soyad N** U**
  • Mesajlar 181
  • Beğeniler 16 / 24
  • Ticaret 2, (%100)
arkadaşlar hepinize teşekkür ederim yardımlarınız için. ancak şöyle bir sorum olacak. her bastığımda aynı veriyi ekliyor altına. Her link için tek ekleme yapabilirmiyiz. yani daha doğrusu şöyle linke tıklayınca veriyi yazdıracak aynı linke tekrar tıklayınca veriyi listeden çıkartacak gibi. Bu şekilde nasıl yapabilirim peki?
 

 

wmaraci
wmaraci

#5
fullstackdev fullstackdev WM Aracı Kullanıcı
  • Üyelik 25.06.2016
  • Yaş/Cinsiyet 37 / E
  • Meslek full stack developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 334
  • Beğeniler 35 / 93
  • Ticaret 0, (%0)
Soyle yapabilirsin..

1- Sonuc divinin icerigini bir arrayden basarsin..
2- Sonra linklere tiklaninca link icerigini bu arraya atarsin..
3- Linke her tiklandiginda Sonuc divinin icerigini tekrar bu arrayden doldurursun..

Yani ortada bir havuz array olur.. Ekleme, cikarma ve listeleme olaylari bu array baz alinarak gerceklestirilir.

al hadi bu kiyagimi unutma :P
https://jsfiddle.net/onurcelik/z7e6kpcv/
 

 

#6
berrynetwork berrynetwork WM Aracı Kullanıcı
  • Üyelik 08.04.2014
  • Yaş/Cinsiyet 40 / E
  • Meslek web design ve yazılım
  • Konum Antalya
  • Ad Soyad N** U**
  • Mesajlar 181
  • Beğeniler 16 / 24
  • Ticaret 2, (%100)

fullstackdev adlı üyeden alıntı

Soyle yapabilirsin..

1- Sonuc divinin icerigini bir arrayden basarsin..
2- Sonra linklere tiklaninca link icerigini bu arraya atarsin..
3- Linke her tiklandiginda Sonuc divinin icerigini tekrar bu arrayden doldurursun..

Yani ortada bir havuz array olur.. Ekleme, cikarma ve listeleme olaylari bu array baz alinarak gerceklestirilir.

al hadi bu kiyagimi unutma :P
https://jsfiddle.net/onurcelik/z7e6kpcv/


bu kıyağını unutmam hocam ama biraz daha dikkatli okusaydın keşke yazdığımı...
linke tıkladığında veriyi listeden çıkaracak bişey istemiştim. Sen ise sadece bir kere listeye ekleyen örnek yapmışsın. Yinede teşekkür ederim emeğine ama kıyak unutturmadan önce yazılanı daha dikkatli okumanı tavsiye ederim.
 

 

#7
fullstackdev fullstackdev WM Aracı Kullanıcı
  • Üyelik 25.06.2016
  • Yaş/Cinsiyet 37 / E
  • Meslek full stack developer
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 334
  • Beğeniler 35 / 93
  • Ticaret 0, (%0)
az ye de array den nasil eleman cikaracagini ogren ozaman degerli zamanimdan harcayip sana fiddle hazirlamisim gelistireyim istedigim sekle sokayim demiyosun da bana yazdigini iyi okumami tavsiye ediyosun. sana hayatta basarilar
HapyMan

kişi bu mesajı beğendi.

#8
berrynetwork berrynetwork WM Aracı Kullanıcı
  • Üyelik 08.04.2014
  • Yaş/Cinsiyet 40 / E
  • Meslek web design ve yazılım
  • Konum Antalya
  • Ad Soyad N** U**
  • Mesajlar 181
  • Beğeniler 16 / 24
  • Ticaret 2, (%100)
üslup çok önemli hayatın her alanında gerçekten. insanlarla dalga geçer gibi "bu kıyağımı unutma" vb. gibi cümleler kurarken herhangi bir sorun yok ama ben verdiğin emeğe teşekkür edip bir eleştiride bulunduğumda suçlu oluyorum öyle mi? bilgiyi paylaşmak için kullanmayacaksanız kullanmayın hiç içinizde kalsın zaten. Hayatta ben size başarılar dilerim asıl çünkü bol miktarda ihtiyacınız olacağa benziyor!!!
 

 

Datatable hakkında bir soru
Metronics Admin Template- Editable Table Kullanımı
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al