• Merhaba Ziyaretçi.
    "Yapay Zeka Objektif " Fotoğraf Yarışması başladı. İlgili konuya  BURADAN  ulaşabilirsiniz. Sizi de bu yarışmada görmek isteriz...

Pop up Pencere

Denizci-3

Denizci-3

Üye
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

YoRuMSuZ

Biz işimize bakalım...
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.
 
Benzer Konular Başlık Forum Cevap Tarih
yesim434 Geçmişten Bugüne Pop Müzik Tarihi Müzik 1
Enda Hangi Pop Müzik Dönemine Aitsin? İlginç Linkler 4
P Kral Pop Radyo Frekans Bilgileri Müzik 0
RPaylasimlar 90'lar Pop Müzik 12
r0se Anti-Pop Manifesto Felsefe / Psikoloji 0

Top