Arkadaşlar, kolay gelsin.
Bir haber manşeti kullanıyorum, haber manşeti içeren htm sayfasını iframe vasıtasıyla ana sayfada yayınlıyorum. haber manşet sekmesine tıkladığımda yönlendirilen sayfa iframenin içinde açılıyor. sayfanın yeni pencerede açılmasını nasıl sağlayabilirim.
teşekkürler.. kod aşağıdaki gibidir.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>jQuery Haber Manşet</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
body{
font-family:Verdana,Helvetica;
font-size:11px;
background: #FFFFFF;
}
.manset {
}
.manset{
width:438px;
float: left;
clear: none;
}
.manset div{height:250px;border:0px solid #c0c0c0;padding:2px;}
.manset div span{
display:block;
background:url('saydam.png');
position:relative;
top:-40px;
height:30px;
padding:5px;
font-size:18px;
}
.manset div span:hover{background-color:Black;}
.manset div span a{color:White;text-decoration:none;}
.manset ul{list-style:none;margin:0;padding:0;}
.manset ul li{float:left;padding:5px;border:1px solid #c0c0c0;margin:2px;background-color:#f5f5f5;cursor
ointer}
.manset ul li:hover{border:1px solid #878787;}
</style>
<script type="text/javascript">
$(document).ready(function() {
//kodlarımızı yazmaya başlıyoruz.
$(".manset ul li").click(function() {
//manset class lı etiketin içindeki ul etiketinin içindeki li etiketlerine tıklandığında (click) yapılacak işlemi belirtiyoruz.
//li etiketinin title özelliğinden sırayla istediğimiz bilgileri alıyoruz. Bunun için | karakterini split ediyoruz.
// yazım şeklini bozmadan önyazı yada daha farklı bilgileride manşet kısmında gösterebilirsiniz.
var secilen = $(this);
var strBaslik = secilen.attr("title").split('|')[0];
var strResim = secilen.attr("title").split('|')[1];
var strAdres = secilen.attr("title").split('|')[2];
doldur(strBaslik, strResim, strAdres);
});
});
function doldur(baslik,resim,adres) {
$(".manset div img").attr("src", resim);
$(".manset div img").attr("alt", baslik);
$(".manset div span a").text(baslik);
$(".manset div span a").attr("href", adres);
}
</script>
</head>
<body>
<div align="left" class="manset">
<div><a href="1" target="_blank"><img src="1.jpg" alt="Zabıt Katipliği Sözlü Sınav Sonucu" width="435" border="0" /></a><span><a href= target="_blank"http://www.hinis.adalet.gov.tr/26-02-2012_sinav_sonucu.htm">Zabıt Katipliği Sözlü Sınav Sonucu</a></span> </div>
<ul>
<li title="Zabıt Katipliği Sözlü Sınav Sonucu|1.jpg|http://www.hinis.adalet.gov.tr/26-02-2012_sinav_sonucu.htm">1</li>
<li title="UYAP SMS BİLGİ SİSTEMİ|2.jpg|http://www.sms.uyap.gov.tr/">2</li>
<li title="DURUŞMA GÜNÜNÜ ÖĞREN|3.jpg|https://vatandas.uyap.gov.tr/vatandasportal/index.html">3</li>
<li title="HUKUKÎ HAKLARINIZI BİLİYORMUSUNUZ|4.jpg|http://www.hukukiyardim.gov.tr/">4</li>
<li title="UYAP TANITIM FİLMLERİ|5.jpg|http://www.uyap.gov.tr/yayinlar/film/film.html">5</li>
</ul>
</div>
</body>
</html>
Bir haber manşeti kullanıyorum, haber manşeti içeren htm sayfasını iframe vasıtasıyla ana sayfada yayınlıyorum. haber manşet sekmesine tıkladığımda yönlendirilen sayfa iframenin içinde açılıyor. sayfanın yeni pencerede açılmasını nasıl sağlayabilirim.
teşekkürler.. kod aşağıdaki gibidir.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>jQuery Haber Manşet</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
body{
font-family:Verdana,Helvetica;
font-size:11px;
background: #FFFFFF;
}
.manset {
}
.manset{
width:438px;
float: left;
clear: none;
}
.manset div{height:250px;border:0px solid #c0c0c0;padding:2px;}
.manset div span{
display:block;
background:url('saydam.png');
position:relative;
top:-40px;
height:30px;
padding:5px;
font-size:18px;
}
.manset div span:hover{background-color:Black;}
.manset div span a{color:White;text-decoration:none;}
.manset ul{list-style:none;margin:0;padding:0;}
.manset ul li{float:left;padding:5px;border:1px solid #c0c0c0;margin:2px;background-color:#f5f5f5;cursor
ointer}.manset ul li:hover{border:1px solid #878787;}
</style>
<script type="text/javascript">
$(document).ready(function() {
//kodlarımızı yazmaya başlıyoruz.
$(".manset ul li").click(function() {
//manset class lı etiketin içindeki ul etiketinin içindeki li etiketlerine tıklandığında (click) yapılacak işlemi belirtiyoruz.
//li etiketinin title özelliğinden sırayla istediğimiz bilgileri alıyoruz. Bunun için | karakterini split ediyoruz.
// yazım şeklini bozmadan önyazı yada daha farklı bilgileride manşet kısmında gösterebilirsiniz.
var secilen = $(this);
var strBaslik = secilen.attr("title").split('|')[0];
var strResim = secilen.attr("title").split('|')[1];
var strAdres = secilen.attr("title").split('|')[2];
doldur(strBaslik, strResim, strAdres);
});
});
function doldur(baslik,resim,adres) {
$(".manset div img").attr("src", resim);
$(".manset div img").attr("alt", baslik);
$(".manset div span a").text(baslik);
$(".manset div span a").attr("href", adres);
}
</script>
</head>
<body>
<div align="left" class="manset">
<div><a href="1" target="_blank"><img src="1.jpg" alt="Zabıt Katipliği Sözlü Sınav Sonucu" width="435" border="0" /></a><span><a href= target="_blank"http://www.hinis.adalet.gov.tr/26-02-2012_sinav_sonucu.htm">Zabıt Katipliği Sözlü Sınav Sonucu</a></span> </div>
<ul>
<li title="Zabıt Katipliği Sözlü Sınav Sonucu|1.jpg|http://www.hinis.adalet.gov.tr/26-02-2012_sinav_sonucu.htm">1</li>
<li title="UYAP SMS BİLGİ SİSTEMİ|2.jpg|http://www.sms.uyap.gov.tr/">2</li>
<li title="DURUŞMA GÜNÜNÜ ÖĞREN|3.jpg|https://vatandas.uyap.gov.tr/vatandasportal/index.html">3</li>
<li title="HUKUKÎ HAKLARINIZI BİLİYORMUSUNUZ|4.jpg|http://www.hukukiyardim.gov.tr/">4</li>
<li title="UYAP TANITIM FİLMLERİ|5.jpg|http://www.uyap.gov.tr/yayinlar/film/film.html">5</li>
</ul>
</div>
</body>
</html>
