OwnZ! StyLe
  Script Örnekleri 2
 
Aynı Pencerede Açma

Aynı sayfada açılmasını istediğimiz pencerelerin isimlerini aynı vermemiz gerekir.

function pen1()
{
window.open("x.html","ad", "width=60 height=60");
}
function pen2()
{
window.open("y.html","ad", "width=60 height=60");
}
function pen3()
{
window.open("z.html","ad", "width=60 height=60");
}


<html>
<head>
<title>fatmayıldız</title>
<script>
function pen1()
{
window.open("x.html","ad", "width=60 height=60");
}
function pen2()
{
window.open("y.html","ad", "width=60 height=60");
}
function pen3()
{
window.open("z.html","ad", "width=60 height=60");
}
</script>
</head>
<body>
<input type="button" name=bt1 value=Aynı 1 onclick="pen1()"><br>
<input type="button" name=bt1 value=Aynı 2 onclick="pen2()"><br>
<input type="button" name=bt1 value=Aynı 3 onclick="pen3()"><br>
</body>
</html>
   


Farklı Pencerede Açma

Farklı sayfada açılmasını istediğimiz pencerelerin isimlerini farklı vermemiz gerekir.

function pen1()
{
window.open("x.html","ad1", "width=60 height=60");
}
function pen2()
{
window.open("y.html","ad2", "width=60 height=60");
}
function pen3()
{
window.open("z.html","ad3", "width=60 height=60");
}


<html>
<head>
<title>fatmayıldız</title>
<script>
function pen1()
{
window.open("x.html","ad1", "width=60 height=60");
}
function pen2()
{
window.open("y.html","ad2", "width=60 height=60");
}
function pen3()
{
window.open("z.html","ad3", "width=60 height=60");
}
</script>
</head>
<body>
<input type="button" name=bt1 value=Farklı 1 onclick="pen1()"><br>
<input type="button" name=bt1 value=Farklı 2 onclick="pen2()"><br>
<input type="button" name=bt1 value=Farklı 3 onclick="pen3()"><br>
</body>
</html>
   


Resmi Aynı Ve Farklı Pencerede Açma

<html>
<head>
<title>fatmayıldız</title>
<script>
function pic1()
{
window.open("1.jpg","photo", "top=100 left=100 width=500 height=350");
}
function pic2()
{
window.open("2.jpg","photo", "top=100 left=100 width=500 height=350");
}
function pic3()
{
window.open("3.jpg","phto", "top=100 left=100 width=500 height=350");
}
</script>
</head>
<body>
<a href="#" onclick="pic1()"><img src="1.jpg" width=150 height=150></a><br>
<a href="#" onclick="pic2()"><img src="2.jpg" width=150 height=150></a><br>
<a href="#" onclick="pic3()"><img src="3.jpg" width=150 height=150></a><br>
</body>
</html>

 






Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

 
  15 ziyaretçi bugün sitemizi ziyaret etti! ( kişi Çevrimiçi )  
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=