OwnZ! StyLe

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>