Pop up Pencere

Denizci-3 · 5 Arl 2007

Web sitemde html kodunda aynı sayfada farklı boyda (Farklı piksellerde) birden fazla sayıda pop up pencere açamıyorum, yaptığım ilk pencere sorunsuz çalışıyor, ikincisini yaptığımda, ikinci pop up sorunsuz, lakin birincisinin boyutları ikinci pencere boyutuna değişmiş yani bozulmuş oluyor.

Özetle; aynı sayfada farklı boyutlarda birden çok pop up pencere nasıl yapabilirim, ustaların yardımı gerekiyor, lütfen yardım.

YoRuMSuZ · 6 Arl 2007

Farklı boyutlarda Pop-Up pencere açtırabilirsiniz. Ancak yeni nesil browserlar pop-up pencereye sıcak bakmıyorlar. Kullanıcıların Pop-Up özelliğini kendileri açmaları gerkiyor ki %70 i bunu yapmaz. Ben size kodları vereyim siz olduğu gibi kodları kopyalayıp .htm olarak keydedin ve deneyin.

Kod:

<html>
<head>
<meta http-equiv="Content-Language" content="tr">
<title>Pop-up Deneme</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body>
<p><a href="javascript:MM_openBrWindow('1.htm','','status=no,width=200, height=100')">Link1</a></p>
<p><a href="javascript:MM_openBrWindow('2.htm','','status=no,width=400, height=200')">Link2</a></p>
<p><a href="javascript:MM_openBrWindow('6.htm','','status=no,width=600, height=400')">Link3</a></p>
</body>
</html>

Yukarıdaki kodlarla istediğiniz boyutlarda pencereler açtırabilirsiniz.

Bir de alttaki kodu deneyin derim ben. Hem hiç bir tarayıcıda sorun da çıkarmayacaktır.

Bu kodu da olduğu gibi kopyalayıp .htm olarak kaydedin ve deneyin.

Kod:

<html>
<head>
<title>Pop-Up Deneme</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<script language="JavaScript1.2" type="text/javascript">
<!--
x = 20;
y = 20;
function setVisible(obj)
{
obj = document.getElementById(obj);
obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible';
}
function placeIt(obj)
{
obj = document.getElementById(obj);
if (document.documentElement)
{
  theLeft = document.documentElement.scrollLeft;
  theTop = document.documentElement.scrollTop;
}
else if (document.body)
{
  theLeft = document.body.scrollLeft;
  theTop = document.body.scrollTop;
}
theLeft += x;
theTop += y;
obj.style.left = theLeft + 'px' ;
obj.style.top = theTop + 'px' ;
setTimeout("placeIt('layer1')",500);
}
window.onscroll = setTimeout("placeIt('layer1')",500);
//-->
</script>
<style type="text/css">
<!--
#layer1 {
position: absolute;
visibility: hidden;
width: 400px;
height: 300px;
left: 20px;
top: 20px;
background-color: #ccc;
border: 1px solid #000;
padding: 10px;
}
#close {
float: right;
}
-->
</style>
</head>
<body>
<div id="layer1">
  <span id="close"><a href="javascript:setVisible('layer1')"><strong>Gizle</strong></a></span>
  <p>Linke tiklandiginda yeni pencere aciliyor. Acilan pencereyi istediginiz gibi duzenleyiniz....</p>
  <p><img src="[URL]https://www.cerezforum.com/customavatars/avatar993_1.gif[/URL]" width="92" height="128" /></p>
</div>
<p><a href="#" onclick="setVisible('layer1');return false" target="_self">Göster</a></p>
<hr />
<p>Alttaki sekilde de javascript kullanarak gosterebilirsiniz.</p>
<p> <a href="javascript:setVisible('layer1',true)">Göster</a></p>
<hr />
<p>Herhangi bir resmin herhangi bir bolumunue (map/harita) link verebilirsiniz.</p>
<p><img src="[URL]https://www.cerezforum.com/Cerez_Style/buttons/quote.gif[/URL]" width="98" height="20" border="0" usemap="#Map" />
</p>
<hr />
<p>
  <map name="Map" id="Map">
    <area shape="rect" coords="4,4,90,20" href="#" onclick="setVisible('layer1');return false" target="_self" />
  </map>
  Alttaki gibi bir butona popup link verebilirsiniz. </p>
<form>
  <input type="button" value="Göster" onclick="setVisible('layer1')" />
</form>
</body>
</html>

Altta verdiğim kodların ekran görüntüsü resimdeki gibi olacaktır.

Denizci-3 · 6 Arl 2007

Sn. Yorumsuz;

İlginize ve zahmetinize teşekkür ederim, iyiki varsınız.

Saygılarımla

Pop up Pencere

Denizci-3

Üye

YoRuMSuZ

Biz işimize bakalım...

Denizci-3

Üye

Benzer konular