Şimdi Ara

HTML/CSS DEN ANLAYAN GELSİN - İFRAME BOŞ ÇIKIYOR

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
7
Cevap
1
Favori
195
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar ben bir tablo oluşturdum. Tablodaki 1.bolum 2.bolum kısımlarına tiklanildiginda yukarıya iframe çıkmasi gerekiyor.
    Aslında iframe açılıyor fakat boş çıkıyor. Bunu nasıl çozerim?

    Kod bu:
    <style>
    table,tr,td{width:200px;border:1px solid yellow;background-color:black;color:yellow;}
    td{padding:20px;}
    td:hover{cursor:pointer;color:red;}

    </style>


    <script
    src="https://code.jquery.com/jquery-3.3.1.min.js"
    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
    crossorigin="anonymous"></script>

    <script>

    $(document).ready(function(){

    $("#bolumler td").click(function(){

    $("#show-epsodie").remove();
    var data=$(this).attr("data");
    var frame='<iframe href="'+data+'" id="show-epsodie"></frame>';
    $('#show-epsodie').attr('href', data);
    $("#frame").append(frame);

    });

    });
    </script>
    <div id="frame">

    </div>
    <table id="bolumler">
    <tr>
    <td data="https://www.google.com">1. Bölüm</td>
    </tr>
    <tr>
    <td data="https://www.facebook.com">2. Bölüm</td>
    </tr>
    <tr>
    <td data="bolum3">3. Bölüm</td>
    </tr>
    <tr>
    <td data="bolum4">4. Bölüm</td>
    </tr>
    <tr>
    <td data="bolum5">5. Bölüm</td>
    </tr>
    <tr>
    <td>6. Bölüm</td>
    </tr>
    </table>



    < Bu mesaj bu kişi tarafından değiştirildi Aktfoskta -- 4 Ocak 2019; 16:54:1 >



  • Iframe için href yerine src yazıp denediniz mi.
  • programmer_onur kullanıcısına yanıt
    Evet denedim ve yine aynı.
  • Evet src olarak duzeltince açıldı. Birde sayfayı -150 şekilde üstten kırpilmis halininde kodu var mı?
  • Eğer kendi siteniz içerisinden iframe ile çekecekseniz bu şekilde kullanabilirsiniz. Farklı siteden denerseniz X-Frame-Options izni vermemişse çekmez.

    <style>  
    table,tr,td{width:200px;border:1px solid yellow;background-color:black;color:yellow;}
    td{padding:20px;}
    td:hover{cursor:pointer;color:red;}
    #show-epsodie{display:none}
    </style>
    <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
    <script>
    $(document).ready(function(){
    $("#bolumler td").click(function(){
    $('#show-epsodie').attr('src', $(this).attr("data")).show();
    });
    });
    </script>
    <div id="frame"><iframe src="" id="show-epsodie"></iframe></div>
    <table id="bolumler">
    <tr><td data="a.html">1. Bölüm</td></tr>
    <tr><td data="i.html">2. Bölüm</td></tr>
    <tr><td data="bolum3">3. Bölüm</td></tr>
    <tr><td data="bolum4">4. Bölüm</td></tr>
    <tr><td data="bolum5">5. Bölüm</td></tr>
    <tr><td>6. Bölüm</td></tr>
    </table>
  • moss218 M kullanıcısına yanıt
    Dostum video eklendiğinde video tam ekran olmuyor iframe video tam ekran kodu var mı?



    Ayrıca açılacak iframe sayfası -150 şekilde kesilmis halde çıkabilir mi?



    < Bu mesaj bu kişi tarafından değiştirildi Aktfoskta -- 4 Ocak 2019; 17:51:37 >
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.