pop up - boyutlarini degistirme

gixmo · 14.02.2002

bu foruma galiba ilk yazisim olacak.

uzun suredir kayitli olarak takip ettigim forumda bir konu hakkinda arama bolumunu kullandigim fakat ilk defa etkili bir cozum bulamadim. bir popup pencerenin acildigi zaman icerdigi fotografin boyutlarina gore kendi boyutlarini tekrar duzenleyecek bi script aramaktayim. arsivde bununla ilgili bir konu buldum ama sunulan cozum pek calisan bi script gibi gelmedi.... yardimlarini esirgemeyeceklere simdiden tesekkurler....

gixmo · 16.02.2002

ornek olarak gonderdigin sayfada sayfanin boyutlarini belirleyen resmin boyutlari degil. tamam 'resize' ile acilan sayfada bir yeniden boyutlandirma olacak fakat boyutlari belirleyecek etken o an sayfanin icerdigi resim olacak. her sayfa icin resmin boyutlarina gore bu degerleri ben yazarsam bi anlami kalmaz ki

yapmak istedigim dizinleri veritabanindan cekip sayfaya yazdiran ve javascriptle bu sayfanin boyutlarini goruntulenecek resme gore yenileyen bir ASP ile olayi otomatige baglamak...

Scud · 16.02.2002

resim sayfalarını bu sekilde hazırla.

Kod:

<HTML>
<HEAD>
<META name=VI60_defaultClientScript content=JavaScript> 
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254"> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> 
<META NAME="AUTHOR" Content="Deniz Dursun (Scud)"> 
<TITLE></TITLE>
</HEAD>
<BODY topmargin=0 leftmargin=0 onresize="boyutlandir(resim)">
<script LANGUAGE="JavaScript">
<!--

//Copyright© Scud;
//scud@megaforum.net

function boyutlandir(scud){
genislik=eval(scud.offsetWidth)+8;
yukseklik=eval(scud.offsetHeight)+27;
window.resizeTo(genislik,yukseklik);
yenix=(screen.availWidth-genislik)/2;
yeniy=(screen.availHeight-yukseklik)/2;
window.moveTo(yenix,yeniy); //pencereyi ortalattırıyoruz
}

//-->
</script>

<img onload="boyutlandir(this)" iD="resim" src="resim.jpg" border=0>

</BODY>
</HTML>

Sonra sayfaları hiç bişey olmayan bi popup pencere şeklinde açtır. yani status falan olmasın. oradaki +8 ve +27 değerleri üstteki tutma çubuğu ile kenarlarda kalan fazlalıklar. eğer fullscreen açarsan pencereyi bunlar olmicağı için +8 ve +27 yi silebilirsin. dikkat etmen gereken resimlere boyut vermemen gerektiğidir... yani width ve height değerleri boş olmalı. Umarım işini görür..

Saygılar...

gixmo · 17.02.2002

gercekten cok tesekkurler, bu iyiligini unutmayacagim..

Scud · 21.02.2002

Bu olayın benim de çok işime yarayacağını düşünüp zaten eskiden var olan Open Picture Window Fever isimli Dreamweaver extentionunu biraz düzenleyip Open Picture Window Scud yaptım

örneği görmek isteyen buraya
indirmek isteyen buraya tıklayabilir...

Scud · 25.05.2002

Extentionun yaptıgı olayın kodlarını Dreamweaver kullanmayanlar için buraya yazayım dedim....

Küçük resimlerinizi yerleştirdiğiniz sayfada (yani bütün resimlerin küçük hallerinin bir listesinin olduğu albüm sayfasında) <head></head> tagları arasına aşağıdaki kodu aynen yapıştırın...

Kod:

<script language="JavaScript">
<!--
function openPictureWindow_Scud(imageName,alt) {
	newWindow = window.open("","newWindow","width=80,height=80");
	newWindow.document.open();
	newWindow.document.write('<HTML><head><title>::3S:: Special Sport Services</title><scr'+'ipt language="javascr'+'ipt">function boyutlandir(scud){genislik=eval(scud.offsetWidth)+8;yukseklik=eval(scud.offsetHeight)+27;window.resizeTo(genislik,yukseklik);yenix=(screen.availWidth-genislik)/2;yeniy=(screen.availHeight-yukseklik)/2;');
	newWindow.document.write('window.moveTo(yenix,yeniy);}</scr'+'ipt></head><body bgcolor=#FFFFFF leftmargin=0 topmargin=0 marginheight=0 marginwidth=0 onload="window.setTimeout(\'self.close\',20000)" onresize="boyutlandir(resim)" onload="boyutlandir(resim)">');
	newWindow.document.write('<img src='+imageName+' id=resim onload="boyutlandir(resim)" alt=""><scr'+'ipt language="javascr'+'ipt">boyutlandir(resim);</scr'+'ipt>');
	newWindow.document.write('</body></HTML>');
	newWindow.document.close();
	newWindow.focus();
}
//-->
</script>

Daha sonra her resmin küçük halini aşağıdaki gibi düzenleyin. Böylece her resmin büyük hali için ayrı sayfalar hazırlamanıza gerek kalmayacak.

Kod:

<img  src="kucukresim.gif" onClick="openPictureWindow_Scud('buyukresim.gif','Pencerenin başlığı')">

Saygılar...

NOT: Resimlerin boyutlarını belirtmeye gerek yok. Çünkü açılan pencere otomatik olarak resmin boyutunu alıyor. Pencerenin ekranın neresinde açılacağını da belirtmedik, çünkü açılan pencere ekranın tam ortasında açılıyor.

DigiMan · 25.05.2002

helal scud!!

hizir · 29.05.2002

Biraz farklı bir çözüm olmus sizinkilere göre ama Almira Hotel için yaptığım sitede ben biraz basite kaçtım belkide ve isin içine PHP yi de karıstırdım.
JavaScript

PHP Code:


			
<script>

<!--

var en=500;

var boy=500;

function ac(resim) {

var ozellikler="width="+en;

    ozellikler+=",height="+boy;

    ozellikler+=",location=no";

    ozellikler+=",titlebar=no";

Almira = window.open('resim.PHP?resim='+resim,'Almira',ozellikler);

Almira.resizeTo(en,boy); Almira.moveTo(-4,-4);

}

-->

</script>

resim.PHP

PHP Code:


			
<HTML>

<head>

<title>Hotel Almira//hizir.org</title>

<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9">

<?

$olculer=GetImageSize("$resim");

$en=$olculer[0];

$boy=$olculer[1];

echo "<script>

var en=$en

var boy=$boy

window.resizeTo(en,(boy+25))</script>";

?>

</head>



<body topmargin=0 leftmargin=0 bgcolor="#FFFFFF" text="#000000">

<img src="<?=$resim;?>">



</body>

</HTML>

Scud · 03.05.2003

ya bu benim yazdığım mxp dosyası elinde olan var mı?
kaybettim ben. verdiğim link de kapandı

barb · 24.07.2003

arkadaşlar bu kod gerçektende benim işime yarardı.Yarardı diyorum çünkü ben kullanmayı beceremedim
burada yaptığım sayafa hata veriyor.hatanın ne olduğunu ben bulamadım .Bu konuda bana yardım ederseniz sevinirim.

14.02.2002	#1 (permalink)
gixmo Üyelik Tarihi: 18.07.2000 Yer: İstanbul Yaş: 26 Mesaj: 103	bir yardim cagrisi... bu foruma galiba ilk yazisim olacak. uzun suredir kayitli olarak takip ettigim forumda bir konu hakkinda arama bolumunu kullandigim fakat ilk defa etkili bir cozum bulamadim. bir popup pencerenin acildigi zaman icerdigi fotografin boyutlarina gore kendi boyutlarini tekrar duzenleyecek bi script aramaktayim. arsivde bununla ilgili bir konu buldum ama sunulan cozum pek calisan bi script gibi gelmedi.... yardimlarini esirgemeyeceklere simdiden tesekkurler....

17.02.2002	#4 (permalink)
gixmo Üyelik Tarihi: 18.07.2000 Yer: İstanbul Yaş: 26 Mesaj: 103	buyuksun... gercekten cok tesekkurler, bu iyiligini unutmayacagim..

21.02.2002	#5 (permalink)
Scud Üyelik Tarihi: 25.08.2001 Yer: Antalya Yaş: 27 Mesaj: 970	Bu olayın benim de çok işime yarayacağını düşünüp zaten eskiden var olan Open Picture Window Fever isimli Dreamweaver extentionunu biraz düzenleyip Open Picture Window Scud yaptım örneği görmek isteyen buraya indirmek isteyen buraya tıklayabilir... __________________ Take me back to my boat on the river and I won't cry out any more Mesaj Scud tarafından 11.06.2002 (11:17) yeniden düzenlendi..

25.05.2002	#7 (permalink)
DigiMan Üyelik Tarihi: 20.11.2000 Yer: Kocaeli Yaş: 27 Mesaj: 610	helal scud!! __________________ First rule of Design: Do Not Talk About Design! RGB d e s i g n w o r k s ...::. bozdemir H O M E

29.05.2002	#8 (permalink)
hizir Üyelik Tarihi: 28.12.2001 Yer: istanbul Yaş: 30 Mesaj: 741	Biraz farklı bir çözüm olmus sizinkilere göre ama Almira Hotel için yaptığım sitede ben biraz basite kaçtım belkide ve isin içine PHP yi de karıstırdım. JavaScript PHP Code: `<script> <!-- var en=500; var boy=500; function ac(resim) { var ozellikler="width="+en; ozellikler+=",height="+boy; ozellikler+=",location=no"; ozellikler+=",titlebar=no"; Almira = window.open('resim.PHP?resim='+resim,'Almira',ozellikler); Almira.resizeTo(en,boy); Almira.moveTo(-4,-4); } --> </script>` resim.PHP PHP Code: `<HTML> <head> <title>Hotel Almira//hizir.org</title> <meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9"> <? $olculer=GetImageSize("$resim"); $en=$olculer[0]; $boy=$olculer[1]; echo "<script> var en=$en var boy=$boy window.resizeTo(en,(boy+25))</script>"; ?> </head> <body topmargin=0 leftmargin=0 bgcolor="#FFFFFF" text="#000000"> <img src="<?=$resim;?>"> </body> </HTML>` __________________ ispanyolca türkçe sözlük \|\| sözlük test \|\| uludağ sözlük : bilgi edinmek, eğlenmek ve yeni arkadaşlarla tanışmak için oluşturulmuş sozluk klonu. Vakit geçirme aparatı. Mesaj hizir tarafından 29.05.2002 (12:47) yeniden düzenlendi..

16.02.2002	#2 (permalink)
gixmo Üyelik Tarihi: 18.07.2000 Yer: İstanbul Yaş: 26 Mesaj: 103	ornek olarak gonderdigin sayfada sayfanin boyutlarini belirleyen resmin boyutlari degil. tamam 'resize' ile acilan sayfada bir yeniden boyutlandirma olacak fakat boyutlari belirleyecek etken o an sayfanin icerdigi resim olacak. her sayfa icin resmin boyutlarina gore bu degerleri ben yazarsam bi anlami kalmaz ki yapmak istedigim dizinleri veritabanindan cekip sayfaya yazdiran ve javascriptle bu sayfanin boyutlarini goruntulenecek resme gore yenileyen bir ASP ile olayi otomatige baglamak...

03.05.2003	#9 (permalink)
Scud Üyelik Tarihi: 25.08.2001 Yer: Antalya Yaş: 27 Mesaj: 970	ya bu benim yazdığım mxp dosyası elinde olan var mı? kaybettim ben. verdiğim link de kapandı __________________ Take me back to my boat on the river and I won't cry out any more

24.07.2003	#10 (permalink)
barb Üyelik Tarihi: 17.05.2002 Yer: İstanbul***Antalya Yaş: 25 Mesaj: 279	arkadaşlar bu kod gerçektende benim işime yarardı.Yarardı diyorum çünkü ben kullanmayı beceremedim burada yaptığım sayafa hata veriyor.hatanın ne olduğunu ben bulamadım .Bu konuda bana yardım ederseniz sevinirim. __________________ :::: deviantart Galeri ::::