AdminGuide
BETA

JavaScript - Pop-Up Pencere

Uygulamalarınızda ihtiyaç duyduğunuzda kullanabileceğiniz bir Pop-Up kodu. Tarayıcıların ya da diğer Pop-Up blocker programların engeline takılmıyor.

Kendi çalışmalarımdan birinde kullandım ve Pop-Up engelleyici yazılımlar ile bir sıkıntı yaşamadım. Kullanışlı bir kod...

Kodu ilk bölümünü sayfanızın HEAD tagı içerisine yerleştirin.

<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by:  Nic Wolfe -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=1,statusbar=1,menubar=0,resizable=1,width=800,height=600,left = 240,top = 212');");
}
// End -->
</script>

 

Toolbar, Scroolbars, location, statusbar, menubar, resizable parametrelerini 1 ya da 0 belirleyerek pencere şeklini özelleştirebilir, boyutunu ve konumunu da diğer parametrelerle belirleyebilirsiniz.

İkinci bölümü ise sayfanızın gerekli yerinde pencere açtırmak için kullanabilirsiniz. Aşağıdaki kod örneğinde bunu bir buton yoluyla nasıl yapabileceğinizi görebilirsiniz.

<form>
<input type=button value="Open the Popup Window" onClick="javascript:popUp('orneksayfa.html')">
</form>
 

Diğer bir örnekte de bir fotoğrafa onClick tanımladığınızda link vermeden bir pop-up' ta nasıl gösterebileceğinizi bulacaksınız.

<img src="images/Photos/foto.jpg"  onClick="javascript:popUp('images/Photos/gocek1.jpg')" />

 

Kodun lisans hakları gereği ilk bölümdeki tanıtıcı bilgileri kaldırmayınız.





4650 defa okunmuş.
Etiketler : java script, javascript, popup, pop-up, açılır pencere, code, function, window, window.open
Serdar Kardan

Serdar Kardan

(25.8.1975) - Web Tasarım, Programlama

 
RSS

e-Posta Aboneliği

Delivered by FeedBurner

 

En çok Okunanlar
- Windows 7 Geçici Profil Açma Sorunu (13765)
- c# ile windows tabanlı program geliştirme (8734)
- Gizli Sürücü ve Donanımları Kaldırmak (8680)
- Domain Ortamında Saat Senkronizasyonu Problemi (6640)
- Backup Exec remote agent for windows service stop hatası nasıl düzeltilir? (5480)