Dış iframe yeniletme kodu

Harici iframe Yenileme Reflesh Kodu

harici iframe

Sayfanızda dış iframe kullanıyorsanız. Yani başka siteyi iframe kodu ile sayfanızda yayımlıyorsanız, yayımlanan siteyi bazı durumlarda yeniletmemiz gerekebiliyor.

Fakat yenileme butonu harici iframelerde direkt olarak çalışmıyor.

Bunun için aşağıdaki gibi bir atraksiyona ihtiyacımız olacak.

Bu kodu çok aradım !

Sayfa içinden harici iframe penceresi yeniletmek için javascript kodu.

Yöntemi araştırırken gördüm ki eski çalışan kodlar yeni google chrome güncellemelerinden sonra çalışmaz olmuş.

Piyasayı araştırdım ve hem internet explorer da hem google chrome da çalışan kodu buldum.

Not: Bunu local ağ da test ederseniz çalışmıyor Kendi sayfanızda test ediniz.

Kodlar:

<!--Link yenileme kısmı bunu eklediğiniz kısımda sayfanızdaki iframe pencereniz yenilenir.-->
<a class="refresh-this-frame" rel="#iframe-id-0">Yenile</a>

<!--Yenilenmesini istediğiniz iframe penceresi-->
<iframe src="https://www.siteadi.com" width="500px" height="400px" id="iframe-id-0"></iframe>


<!--Alttaki kod sitenizin ana sayfasında olacak bunu js dosyacığı olarak ta ufaltabilirsiniz-->
<script type="text/javascript">
$('.refresh-this-frame').click(function() {
    var targetID = $(this).attr('rel');
    var targetSrc = $(targetID).attr('src');
    var cleanID = targetID.replace("#","");     
    var chromeTest = ( navigator.userAgent.match(/Chrome/g) ? true : false );
    var FFTest = ( navigator.userAgent.match(/Firefox/g) ? true : false );      
    if (chromeTest == true) {
        function removeSrc() {
            $(targetID).attr('src', '');
        }
        setTimeout (removeSrc, 100);
        function replaceSrc() {
            $(targetID).attr('src', targetSrc);
        }
        setTimeout (replaceSrc, 200);
    }
    if (FFTest == true) {
        function removeSrc() {
            $(targetID).attr('src', '');
        }
        setTimeout (removeSrc, 100);
        function replaceSrc() {
            $(targetID).attr('src', targetSrc);
        }
        setTimeout (replaceSrc, 200);
    }       
    if (chromeTest == false && FFTest == false) {
        var targetLoc = (document.getElementById(cleanID).contentWindow.location).toString();
        function removeSrc() {
            $(targetID).attr('src', '');
        }
        setTimeout (removeSrc, 100);
        function replaceSrc2() {
            $(targetID).attr('src', targetLoc);
        }
        setTimeout (replaceSrc2, 200);
    }
});
</script>

Kaynak: https://stackoverflow.com/questions/86428/what-s-the-best-way-to-reload-refresh-an-iframe

Not: Link reflesh yazısı yerine  ben buton kullandım siz de buton kullanmak isterseniz aşağıdaki değişikliği yapabilirsiniz.

<!--Link yenileme kısmı bunu eklediğiniz kısımda sayfanızdaki iframe pencereniz yenilenir.-->
<a class="refresh-this-frame" rel="#iframe-id-0">Yenile</a>


yerine aşağıdakini yaparsanız link buton olarak işler.


<input class="refresh-this-frame" type='button' value="TURNUVA BİLGİLERİNİ YENİLE" rel="#iframe-id-0" />

Bunun haricinde yardım isterseniz yorum kısmına detaylı yazın yardımcı olmaya çalışırım.

100numaraliadam Yeni Konu:  Emoji Hizalama - Css

Yazar: utquick

utquick 1Merhaba, Bu site 2017 senesinde kurulmuştur: Kemal SUNAL 'ın 100 Numaralı Adam filminden feyz alınarak kurulan sitemiz, filmdeki Halk Kahramanı rolünü de bünyesine katarak dürüst paylaşımlarda bulunmaktadır. Bizi takip ediniz. Büyük bir aile oluyoruz. Tek güvencemiz paylaşımlarımızın samimiliğidir.

Bunlar da hoşunuza gidebilir...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

css.php