|
|
Öncelikle 2 tane yeni sayfa oluşturalım,
örneğin ben sp1.html ve sp2.html olarak oluşturdum.
buradaki;
>> sp1.html linkimizin olacağı sayfa (Ana Sayfa, Ürünler, Kurumsal vs.)
>> sp2.html ise pop-up olarak açacağımız içeriğin bulunduğu sayfa olacak.
sp1.html sayfasını açıyoruz ve <body> </body> arasına aşağıdaki bağlantı kodunu yazıyoruz.
<a onclick="window.open('sp2.html','POPUP','width=550,height=650,scrollbars=0');return false;" href="#">POP-UP</a>
sp1.html sayfamızın kod görünümü aşağıdaki şekilde olacak;
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>SanalPusula.Net - Sanal Paylaşım Platformunuz...</title>
</head>
<body>
<a onclick="window.open('sp2.html','POPUP','width=550,height=650,scrollbars=0');return false;" href="#">POP-UP</a>
</body>
</html>
sp2.html saysasını açıyoruz ve <head> </head> arasına aşağıdaki kodu yazıyoruz.
<script language="javaScript">
<!--
function openWindow(URL){
newWindow = window.open(URL,"sp2.html", "height=550,width=650,scrollbars=yes,status=no ,too lbar=no,hotkeys=no,locationbar=no,fullscreen=0,res izable=0");
newWindow.moveTo(screen.availWidth/2-400,screen.availHeight/2-250);
newWindow.focus();
}
function MM_checkBrowser(NSvers,NSpass,NSnoPass,IEvers,IEpa ss,IEnoPass,OBpass,URL,altURL) { //v4.0
var newURL='', verStr=navigator.appVersion, app=navigator.appName, version = parseFloat(verStr);
if (app.indexOf('Netscape') != -1) {
if (version >= NSvers) {if (NSpass>0) newURL=(NSpass==1)?URL:altURL;}
else {if (NSnoPass>0) newURL=(NSnoPass==1)?URL:altURL;}
} else if (app.indexOf('Microsoft') != -1) {
if (version >= IEvers || verStr.indexOf(IEvers) != -1)
{if (IEpass>0) newURL=(IEpass==1)?URL:altURL;}
else {if (IEnoPass>0) newURL=(IEnoPass==1)?URL:altURL;}
} else if (OBpass>0) newURL=(OBpass==1)?URL:altURL;
if (newURL) { openWindow(unescape(newURL)); document.MM_returnValue=false; }
}
//-->
</script>
yine sp2.html de <body> </body> arasına pop-up pencerede göstermek istediğimiz bilgileri girelim ben bir tane resim açtırmak istiyorum budurumda;
sp2.html sayfamızdaki kodların son şekli aşağıdaki gibi olacak;
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>SanalPusula.Net - Sanal Paylaşım Platformunuz...</title>
<script language="javaScript">
<!--
function openWindow(URL){
newWindow = window.open(URL,"sp2.html", "height=550,width=650,scrollbars=yes,status=no ,too lbar=no,hotkeys=no,locationbar=no,fullscreen=0,res izable=0");
newWindow.moveTo(screen.availWidth/2-400,screen.availHeight/2-250);
newWindow.focus();
}
function MM_checkBrowser(NSvers,NSpass,NSnoPass,IEvers,IEpa ss,IEnoPass,OBpass,URL,altURL) { //v4.0
var newURL='', verStr=navigator.appVersion, app=navigator.appName, version = parseFloat(verStr);
if (app.indexOf('Netscape') != -1) {
if (version >= NSvers) {if (NSpass>0) newURL=(NSpass==1)?URL:altURL;}
else {if (NSnoPass>0) newURL=(NSnoPass==1)?URL:altURL;}
} else if (app.indexOf('Microsoft') != -1) {
if (version >= IEvers || verStr.indexOf(IEvers) != -1)
{if (IEpass>0) newURL=(IEpass==1)?URL:altURL;}
else {if (IEnoPass>0) newURL=(IEnoPass==1)?URL:altURL;}
} else if (OBpass>0) newURL=(OBpass==1)?URL:altURL;
if (newURL) { openWindow(unescape(newURL)); document.MM_returnValue=false; }
}
//-->
</script>
</head>
<body>
<img border="0" src="resim.jpg" width="550" height="650">
</body>
</html>
width ve height pop-up sayfa eni ve yüksekliğini tüm kodlarda aynı olmasına özen gösterin işlem bu kadar artık önizlemede pop-up sayfanızın nasıl göründüğüne bakabilirsiniz kolay gelsin.
Konu: HTML Pop-up Pencere Açma (Okunma sayısı 6877 defa)