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

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Projeler HTML/CSS DEN ANLAYAN GELSİN - İFRAME BOŞ ÇIKIYOR

Bu konudaki kullanıcılar: 1 misafir

5
Cevap 199
Tıklama 0
Öne Çıkarma

1. sayfa

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

Cevap Yaz

Aktfoskta

5 yıl

Yüzbaşı

Konu Sahibi

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 >

< Bu ileti mobil sürüm kullanılarak atıldı >

programmer_onur

5 yıl

Yarbay

Iframe için href yerine src yazıp denediniz mi.

< Bu ileti mini sürüm kullanılarak atıldı > Bu mesaja 1 cevap geldi.

Aktfoskta

5 yıl

Yüzbaşı

Konu Sahibi

Evet denedim ve yine aynı.

< Bu ileti mobil sürüm kullanılarak atıldı >

Bu mesajda bahsedilenler: @programmer_onur

Aktfoskta

5 yıl

Yüzbaşı

Konu Sahibi

Evet src olarak duzeltince açıldı. Birde sayfayı -150 şekilde üstten kırpilmis halininde kodu var mı?

< Bu ileti mobil sürüm kullanılarak atıldı >

Bu mesajda bahsedilenler: @programmer_onur

moss218

5 yıl

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>

Bu mesaja 1 cevap geldi.

Aktfoskta

5 yıl

Yüzbaşı

Konu Sahibi

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 >

< Bu ileti mobil sürüm kullanılarak atıldı >

Bu mesajda bahsedilenler: @moss218

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme Projeler HTML/CSS DEN ANLAYAN GELSİN - İFRAME BOŞ ÇIKIYOR