lostyazilim
tr.link

butonla iframe yükleme (jquery değil)

14 Mesajlar 2.473 Okunma
acebozum
tr.link

abdullahmuhammed abdullahmuhammed WM Aracı Kullanıcı
  • Üyelik 04.07.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek serbest
  • Konum İstanbul Anadolu
  • Ad Soyad A** B**
  • Mesajlar 32
  • Beğeniler 9 / 2
  • Ticaret 0, (%0)
Merhaba arkadaşlar,

Çok araştırdım ama bir türlü örneğini bulamadım bunun,

Yapmak istediğim script'i bir örnekle anlatayım;



böyle bir div var ben bu div deki data-id içerisindeki xxxx alarak javascriptle createElement iframe oluşturarak data-id değerini iframe src ye vermek sonrada
bu scripti bir butonla çalıştırmak istiyorum bunu nasıl yapabilirim.

yardımlarınızı bekliyorm, teşekkür ederim....
 

 

elektronikssl
webimgo

Weismann21 Weismann21 WM Aracı Kullanıcı
  • Üyelik 29.11.2017
  • Yaş/Cinsiyet 27 / E
  • Meslek Cross Platform Developer
  • Konum İstanbul Anadolu
  • Ad Soyad E** B**
  • Mesajlar 168
  • Beğeniler 12 / 47
  • Ticaret 0, (%0)

$("#button").click(function(){

var data=$(".ifr").attr("data-id"); //data-id içindeki değer alıyor

$(".ifr").append('');
}


 

 

abdullahmuhammed abdullahmuhammed WM Aracı Kullanıcı
  • Üyelik 04.07.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek serbest
  • Konum İstanbul Anadolu
  • Ad Soyad A** B**
  • Mesajlar 32
  • Beğeniler 9 / 2
  • Ticaret 0, (%0)
Hocam jquery olmadan nasıl yapabiliriz saf javascript ile
 

 

Weismann21 Weismann21 WM Aracı Kullanıcı
  • Üyelik 29.11.2017
  • Yaş/Cinsiyet 27 / E
  • Meslek Cross Platform Developer
  • Konum İstanbul Anadolu
  • Ad Soyad E** B**
  • Mesajlar 168
  • Beğeniler 12 / 47
  • Ticaret 0, (%0)







function iframeEkle(){

var data = document.getElementById("divID").getAttribute("data-id");

var iframe = document.createElement('iframe');
iframe.src=data;

document.getElementById("divID").append(iframe);



}



abdullahmuhammed

kişi bu mesajı beğendi.

wmaraci
wmaraci

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
powQyBW
abdullahmuhammed

kişi bu mesajı beğendi.

abdullahmuhammed abdullahmuhammed WM Aracı Kullanıcı
  • Üyelik 04.07.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek serbest
  • Konum İstanbul Anadolu
  • Ad Soyad A** B**
  • Mesajlar 32
  • Beğeniler 9 / 2
  • Ticaret 0, (%0)
Weismann21 ve cgrclk

ikinize de ayrı ayrı çok teşşekkür ediyorum hocam.
Değerli vaktinizi bana cevap vererek harcadığınız için minnettarım...
 

 

abdullahmuhammed abdullahmuhammed WM Aracı Kullanıcı
  • Üyelik 04.07.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek serbest
  • Konum İstanbul Anadolu
  • Ad Soyad A** B**
  • Mesajlar 32
  • Beğeniler 9 / 2
  • Ticaret 0, (%0)
Peki çoklu buton nasıl yapabiliriz.

Çoklu yapınca ilk buton çalışıyor 2. butonda farklı data-id olmasına rağmen ilk butonun data-id sini alıyor
 

 

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Cevabı güncelledim.
abdullahmuhammed

kişi bu mesajı beğendi.

abdullahmuhammed abdullahmuhammed WM Aracı Kullanıcı
  • Üyelik 04.07.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek serbest
  • Konum İstanbul Anadolu
  • Ad Soyad A** B**
  • Mesajlar 32
  • Beğeniler 9 / 2
  • Ticaret 0, (%0)
Çok teşekür ederim hocam, bir şey daha iframe butonların altına açılsa yani, hangi buton neredeyse onun altına , bu şekilde iki butonda tıklandığında iframe_container neredeyse orayada açıılıyor
 

 

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Tam olarak ne istediğinizi söyleyin tekrar tekrar değiştirmekle uğraşmayalım :)
abdullahmuhammed

kişi bu mesajı beğendi.

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