Java Script Kullanarak Yeni Bir Pencere Açmak - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

22 Nisan 2010, 03:03

Aşağıdaki scriptte butona tıklayarak yeni bir ekran açılması için bir örnek vardır.Burada kullanılan birtakım özellikler olacaktır.

window.close() komutunun özellikleri yoktur. Sadece o anda aktif olan pencereyi kapatır. window.open(özellikler) komutundaki özellikler ise:
"HTML" ; gösterilmesini istediğimiz sayfa
"window.name" ; istediğimiz bir başlık
"toolbar" ; toolbar'ın gösterilme özelliği (yes/no ya da 0/1 olarak belirtilir).
"status" ; statusbar'ın gösterilme özelliği (yes/no ya da 0/1 olarak belirtilir).
"menubar" ; menubar'ın gösterilme özelliği (yes/no ya da 0/1 olarak belirtilir).
"scrollbars" ; scrollbar denilen sayfayı aşağı-yukarı ve sağa-sola oynatmamızı sağlayan barların gösterilme özelliği (yes/no ya da 0/1 olarak belirtilir).
"resizable" ; açılacak olan ekranın boyutunun değiştirilebilir olup olmama özelliği (yes/no ya da 0/1 olarak belirtilir).
"width" ; genişlik (pixel olarak belilenir).
"height" ; yükseklik (pixel olarak belirlenir).

Gelelim scriptimize ve nasıl kullandığımıza:

HTML-Kodu:
Kod:
<script language="Javascript"> function ekranac() options='toolbar=0,status=0,menubar=0,scrollbars=0 ,resizable=0,width=300,height=200'; content= '<body bgcolor="beige">'+ '<p align="left"><big><strong>Selam !</strong></big><br></p>'+ '<p align="left"><small>Buraya basarak ekranı kapatabilirsiniz</small></p>'+ '<form name="kapat"><input type="button" value="Ekranı Kapat !" onclick="window.close()">'+ '</form>'; acilan = window.open("","mywindow",options); acilan.document.write(content) </script> <form name="ekrandeneme"> <input type="button" value="Ekran Aç !" onclick="ekranac()"> </form>
Script çok basit ve öğrenmesi kolay. Özellikleri biliyosanız window.open komutunu kullanmak zor olmayacaktır. Fakat Netscape Navigator'ın bazı bozuklukları sebebiyle bizim scriptimizde yaptığımız gibi bu özellikleri bir değişkene atayarak kullanmak yararlı olacaktır.

HTML-Kodu:
Kod:
ekran = window.open("
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
gibi... Böylece ekrana da Javascript'in anlayabileceği bir isim vermiş oldunuz; "ekran". Bu ismi kullanarak açılan yeni ekrana istediğinizi yaptırabilirsiniz. Bu özelliği aklınızda tutun. Çünkü frame kontrolünde de bu özellik kullanılmaktadır.

HTML-Kodu:
Kod:
ekran.document.write('Selam')
gibi pek çok komutu "ekran" isimli yeni açılan ekrana aktarabiliriz.
Aşağıdaki scripti kullanarak komutları ve özellikleri biraz daha rahat öğrenebilirsiniz. Her boşluğu doldurmak zorunda değilsiniz. Tek tek de denemeniz mümkün.
Bu komut Internet Explorer'ın bazı sürümlerinde çalışmamaktadır.
Kullanıcının Tarayıcısını Kontrol Etmek
________________________________________

Daha önce de gördüğümüz gibi Javascript komutları tarayıcılara göre değişiklik gösterebiliyor veya hiç çalışmıyor. Bu durumlarda kullanıcının kullandığı tarayıcıyı tespit etmek ve ona göre hareket etmek akıllıca olacaktır. Bunun için kullanılan fonksiyon:

navigator.appName

Tabi sadece tarayıcıyı tespit etmek yeterli olmayabilir. Tarayıcı tanımlama ile ilgili tüm komutlar :

navigator.appName
navigator.appVersion
navigator.CodeName
navigator.userAgent

Javascript ile kullanıcının bilgisayarından o anki tarihi ve saati almanız mümkün. Internet tüm dünyaya hitap ettiğinden sizin sayfanızın bulunduğu Web Server ile kullanıcının bilgisayarındaki saat ve tarih birbirine uymayabilir. Böyle bir durumda kullanıcının bilgisayarından saati ve tarihi almak faydalı olabilir.
Önce saatin ve tarihin atanacağı bir değişken ile new Date() fonksiyonu çağırılır.
zaman = new Date() Böylece zaman isimli değişkenin bir tarih değişkeni olduğunu belirttik. Fakat bu şekilde alınan tarih ve zaman bilgileri ekranda biraz düzensiz görülür. 14 Eylül 1998 tarihinde saat 22:10'da alınan bilgi ekranda şu şekilde görünecektir:
Fri Aug 14 22:10:54 UTC+0300 1998 Bunu daha anlaşılı bir şekle sokmak için JScript'in .toLocaleString() komutundan yararlanılır.
Deminki örneğimizde aldığımız zaman değişkenini zaman.toLocaleString() fonksiyonundan geçirdikten sonra alacağımız sonuç:

08/14/1998 22:10:37 şeklinde olur.

Aynı zamanda kullanacağımız şu zaman fonksiyonlarıyla alacağımız değerler de şöyle olur:
KOMUT YANIT AÇIKLAMA
zaman.getDay() 5 Haftanın günü (0 = Pazar)
zaman.getMonth() 7 Ay (0 = Ocak , 0 - 11 arası)
zaman.getDate() 14 14 Ayın kaçıncı günü
zaman.getYear() 98 Yıl
zaman.getHours() 22 Saat
zaman.getMinutes() 10 Dakika
zaman.getSeconds() 37 Saniye
zaman.getTime() 903122773920 "1 Ocak 1990 Geceyarısı" tarihinden itibaren geçen milisaniye
zaman.getTimezoneOffset() -180 Greenwitch'e göre (GMT) dakika olarak saat farkı

Java Script'te Resim İşleme
________________________________________

Aşağıdaki örnek Internet'te sıkça kullanılan ve Java Button diye anılan butonların nasıl çalıştığına bir örnektir. Bu butonlar mouse pointer üstlerine geldiği anda değişiyorlar ve pointer üstlerinden çekildiğinde eski hallerine dönüyorlar. Biz de bu işlemi yapan bir fonksiyon yazacağız ve butonun onMouseOver ve onMouseOut olaylarını bu fonksiyona göndererek resmi değiştireceğiz.

HTML-Kodu:
Kod:
<html> <head> <script LANGUAGE="JavaScript"> { res1 = new Image(); res1.src = "resim1.gif"; res2= new Image(); res2.src="resim2.gif"; } function changeImage(imgDocId,imgObjName) { document.images[imgDocId].src = eval(imgObjName + ".src"); } // --></script> </head> <body> <a href="
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
onMouseOver="changeImage('buton','res1')" onMouseOut="changeImage('buton','res2')"> <img src="resim1.gif" border="0" name="buton"></a><br> <br /><div style="z-index:3" class="smallfont" align="center">Search Engine Friendly URLs by <a onclick="pageTracker._trackPageview ('/outgoing/http_
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
rel="nofollow" href="
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
title="vBulletin SEO">vbseo/">vBSEO</a> 3.2.0</div>
<script type="text/javascript">
</script>
<script type="text/javascript">
</script>
</body> </html> Bir de Internet'te her gün rastladığımız linklere renk ve hareket getirecek bir script örneği verelim: <HTML> <HEAD> <STYLE> .on { font-size:12; text-decoration:underline; color:red; } .off { font-size:12; color:black; } </STYLE> </HEAD> <BODY> <A HREF="
Bu forumdaki linkleri ve resimleri görebilmek için en az 25 mesajınız olması gerekir.
class="off" onMouseOver="this.className='on';" onMouseOut="this.className='off';">Gel Bakalim</A> </BODY> </HTML>
Burada STYLE tag'i içinde iki adet class tanımlıyoruz ve bunlara on ve off adlarını veriyoruz. Linkimize de başlangıç olarak off classını atıyoruz. onMouseOver olayında linkin classını on, onMouseOut olayında ise tekrar off yapıyoruz. Örnekte normalde siyah olan link, üzerine gelindiğinde kırmızı ve alt çizgili olmaktadır. Bu classların yapılarıyla oynayarak çok değişik linkler elde etmek mümkün.
DurumÇubuğunda Sabit Yazılar
________________________________________

Internet kullanıcısı web sayfası üzerinde herhangi bir kısayol üzerine gittiğinde durum çubuğunda gidilecek sayfanın URL'si belirir. Sayfa yüklendikten sonra ve fare imleci herhangi bir kısayolun üzerinde değilken ise durum çubuğu boşalır ve burada hiç bir bilgi sunulmaz. Durum çubuğu meşgul olmadığı zamanlarda kısa bir sloganın veya sitenizin başlığının buraya yerleşmesini istiyorsanız aşağıdaki kodu kullanabilirsiniz.

HTML-Kodu:
Kod:
<body onLoad="window.defaultStatus='Programlama.com'">
Yukarıdaki satır sizin de anladığınız gibi sayfanızın BODY ifadesine yerleştirilecek. Sloganınız durum çubuğuna bir defa yerleştiğinde artık silinmeyecek, sadece bir URL üzerine gidildiğinde geçici olarak devre dışı kalacaktır.

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
yeni pencere açmak child window	hAte	HTML/CSS/JavaScript	0	16 Ekim 2014 15:20
jQuery ve HTML Kullanarak basit bir resim upload script'i yapalım	Issac	HTML/CSS/JavaScript	0	19 Ocak 2013 02:56
Sorun söyleyeyim (Java,JSP,ASP.NET(C#),PL/SQL,jQuery,Java Script,Ajax)	J2EE123	Java	2	03 Kasım 2011 12:57
Script Editörünü Açmak İçin Yardım Lazım	SLayerK	mIRC Scripting Sorunları	23	01 Temmuz 2009 19:01

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.