Saber Mogaddas
شنبه 28 مرداد 1391, 10:58 صبح
سلام
برای اینکار می تونید از jquery استفاده کنید ..
باز کردن یک صفحه جدید به صورت سفارشی با همان (custom size):
به کد زیر توجه کنید :
<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
<script type="text/javascript">
var windowSizeArray = [ "width=200,height=200",
"width=300,height=400,scrollbars=yes" ];
$(document).ready(function(){
$('.newWindow').click(function (event){
var url = $(this).attr("href");
var windowName = "popUp";//$(this).attr("name");
var windowSize = windowSizeArray[$(this).attr("rel")];
window.open(url, windowName, windowSize);
event.preventDefault();
});
});
</script>
</head>
<body>
<a href="http://www.flashmn.com/" rel="0" class="newWindow" >click me</a>
<a href="http://www.mnswf.com/" rel="1" class="newWindow" >click me</a>
</body>
</html>
زمانی که روی کلاس :
class="newWindow"
کلیک میشه :
$('.newWindow').click(function (event){
});
لینک موجود در تگ a این کلاس به صورت popup و با طول و عرض 200px که تو متغیر بالا هست به این صورت تعریف کردیم نمایش داده میشه :
var windowSizeArray = [ "width=200,height=200", "width=300,height=400,scrollbars=yes" ];
و صفحاتی که دارای اسکرول هستند با ابعاد 300*400 نمایش داده میشوند...
برای اینکه صفحه شما کامل دیده شه می تونید صفحه رو یا با css به همان صورت که برای موبایل طراحی میشه طراحی کنید و یا با تغییر دادن سایز در همین تابع صفحه مورد نظر خودتون رو بدست بیارید..
منبع همراه با دمو : http://www.codebelt.com/jquery/open-new-browser-window-with-jquery-custom-size/
موفق باشید..