Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!
Javascript open
kullanımı ile tarayıcıda yeni bir pencere veya popup oluşturma ve bu pencereye genişlik, yükseklik içeriğini özelleştirebilmekteyiz.
Kullanımı : window.open("URL","pencereAdi","[pencereOzellikleri]")
open
methodu kendi içerisinde 3 adet değer almaktadır. İlk değer olarak yeni açılacak olan pencere içerisinde eğer bir adres göstermek istiyor isek bu adresi girebiliriz, ikinci değer ise açılacak olan yeni pencerenin adı olmaktadır. üçüncü değerde de pencerenin özelliklerini belirttiğimiz alandır bu alanda pencerenin genişlik, yükseklik, scroll bilgisi gibi özelliklerini aralarında virgül bırakarak belirtebilmekteyiz.
Özellik | Açıklama |
width | Açılan tarayıcı genişliği |
height | Açılan tarayıcı yüksekliği |
status | Pencerenin altında bulunan durum çubuğu |
toolbar | Tarayıcı araç çubuğu |
location | Tarayıcı adres satırı |
menubar | Pencere menusü |
directories | Tarayıcı klasör seçenekleri |
resizable | Açılan tarayıcının boyutu sonradan değiştirilebilirmi |
scrollbars | Scroollbar özelliği |
window.open("https://www.kodhocasi.com","kodhocasi","width=500,height=200");
Yukarıdaki örnekte sayfa ilk açılışta popup olarak kullanıcıya genişliği 500 yüksekliği 200 olan bir pencere açılacaktır. open
methodun da genişlik ve yükseklik özelliğini belirtmez isek açılan ekran yeni bir sekme olarak açılacaktır.
Eğer açılan popup içerisinde bir url bilgisi yerine bizim belirdiğimiz ifadenin yer almasını istiyor isek open
methodunu bir değişkene atayarak tarayıcı içeriğini yönetebilmekteyiz
var newWindow = window.open("","newWindow","width=500,height=200");
newWindow.document.write("Kod Hocası - Geleceği Yazanlar Otağı");
Yukarıdaki popup örneğinin çıktısı aşağıdaki gibi olacaktır.
Yeni açılan pencereyi dilerseniz bir buton veya işlem sonucuna göre de açabilmektesiniz.
Yorum yapabilmek için giriş yapmanız gerekmektedir.