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, 1 mobil kullanıcı

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

1. sayfa

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

Cevap Yaz

Aktfoskta

7 yıl (1561 mesaj)

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

7 yıl (56464 mesaj)

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

7 yıl (1561 mesaj)

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

7 yıl (1561 mesaj)

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

7 yıl (18 mesaj)

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

7 yıl (1561 mesaj)

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