Javascript Pop-up Sayfa Oluşturma

Web sayfalarında normal sayfaların dışında pop-up sayfalarda oluşturmak isteyebiliriz. Bu örnegimizde bir pop-up sayfa yapmayı öğreniyoruz.
İndex.html dosyamızın kodları:


<!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>
<script language="javascript" type="text/javascript">
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" &amp;amp;&amp;amp; pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',
left='+LeftPosition+',scrollbars='+scroll+',location=no,
directories=no,status=no,menubar=no,toolbar=no,resizable=no';

win=window.open(mypage,myname,settings);
if(win.focus){win.focus();}}
function CloseNewWin(){if(win!=null &amp;amp;&amp;amp; win.open)win.close()}
// -->
</script>
</head>

<body>
<a href=http://www.serpito.com/ onclick="NewWindow(this.href,'PopUp','600','500','no','center');return false" onfocus="this.blur()">Pop-up Linki</a>
</body>
</html>

Yukarıdaki kodlar ile pop-up bir sayfa oluşturmuş olduk.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir