Microsoft Office Online
Office Online'ım oturumu aç (Bu nedir?) | Oturum aç

 
 
Microsoft Office FrontPage
Arama
Arama
 
Deneyin veya satınalın
Office 2007 edinin
Office Kurtarma
Güncelleştirmeler: (c) Microsoft
Office yüklemeleri
 
 
 
Yardım ve Nasıl Yapılır
Sürümünüzü seçin
Eğitim
İlgili Ürün ve Teknolojiler
Destek ve Görüş
Teknik Kaynaklar
Ek Kaynaklar
Uyarı: Bu sayfayı desteklenmeyen bir Web tarayıcısıyla görüntülüyorsunuz. Bu Web sayfası, Microsoft Internet Explorer 6.0 veya sonraki sürümüyle, Firefox 1.5 veya Netscape Navigator 8.0 veya sonraki sürümüyle en iyi şekilde çalışır. Desteklenen tarayıcılar hakkında daha fazla bilgi edinin.
Yazdırılabilir SürümYazdırılabilir Sürüm
JavaScript'le Web sitenize renk katın
Uygulandığı uygulamalar: Microsoft Office FrontPage 2003
 
Uygulama
Microsoft Office FrontPage® 2003

Web sitenize bir açılır pencere eklemek istediğiniz oldu mu? Belki de sayfayı kapatan veya geçerli tarih ve saati görüntüleyen bir köprü eklemek istemiştiniz. FrontPage 2003'te JavaScript (JavaScript: Bir Web sayfasına veya Web sitesine işlev eklemek veya görünümünü geliştirmek için kullanılabilen komut dosyası dili. JavaScript komut dosyaları her türden istemci veya sunucu bilgisayarları üzerinde çalışabilir.) kullanarak bu özelliklerin tümünü ve daha fazlasını ekleyebilirsiniz.

JavaScript nedir?

JavaScript, Web sayfalarına etkileşim eklemek için kullanılan bir komut dosyası dilidir (komut dosyası dili: Belirli veya sınırlı görevleri yerine getirmek üzere tasarlanmış basit programlama dili; bazı durumlarda belirli bir uygulama ve işlevle ilişkilidir.). JavaScript olay (olay: fare tıklatmak veya tuşa basmak gibi kendisi için bir yanıt tanımlayabileceğiniz, bir nesne tarafından tanınan eylem. Olaylar, kullanıcı eylemleri veya Visual Basic deyimleri ile başlatabilir veya sistem tarafından tetiklenebilir.) tarafından yönlendirilen bir dil olduğundan, işlevselliği, kullanıcı tarafından başlatılan tarayıcı penceresini açma, köprüyü tıklatma veya işaretçiyi bir görüntünün üzerinde bekletme gibi bir eylem (olay) tarafından tetiklenir.

JavaScript ayrıca, bir istemci tarafı komut dosyası dilidir; bunun anlamı, kullanıcı bir eylem gerçekleştirdiğinde, komut dosyasının sunucuda değil kullanıcının bilgisayarında (istemci) çalıştığıdır.

Kullanıcı bilgisayarın komut dosyası çalıştırma yeteneğini kapatırsa veya JavaScript'in yeni sürümlerini desteklemeyen eski bir tarayıcı kullanıyorsa, bazı komut dosyaları kullanıcının bilgisayarında beklendiği gibi çalışmayabilir. Komut dosyalarınızı birden çok tarayıcıda sınamak ve bilgisayarlarında JavaScript çalıştıramayan ziyaretçiler için alternatif bağlantılar ya da özellikler sağlamak her zaman iyi bir yöntemdir.

FrontPage 2003'ü kullanarak, JavaScript konusunda çok az bir bilgiyle veya hiçbir şey bilmeden Web sitenize JavaScript özellikleri ekleyebilirsiniz. Kuşkusuz, kendi komut dosyalarınızı oluşturmak ve bunların sorunlarını gidermek veya JavaScript Web sitelerinden yüklediğiniz ücretsiz komut dosyalarında sorun giderme işlemleri yapmak istiyorsanız, JavaScript'i öğrenmek işinize yarar.

FrontPage 2003 Davranışlar ile açılır pencere oluşturma

Kimi durumlarda Web sitenizde bir açılır pencere bulunması kullanışlı olur. Promosyon amacıyla sunduğunuz özel bir teklifiniz veya kullanıcıların doldurmasını istediğiniz bir anket bağlantınız olabilir. Açılır pencere, normalde kullanıcının gözünden kaçabilecek bilgilere dikkati çekmenin hızlı ve kolay bir yoludur.

GösterKullanıcı sayfayı açtığında otomatik olarak açılan bir açılır pencere eklemek için

  1. Sayfa görünümünde, belge penceresinin altındaki Tasarla Düğme görüntüsü düğmesini tıklatın.
  2. Biçim menüsünde Davranışlar'ı tıklatın. Davranışlar görev bölmesi açılır.
  3. Davranışlar görev bölmesinde Ekle'yi ve sonra Tarayıcı Penceresini Aç'ı tıklatın.
  4. Tarayıcı Penceresini Aç iletişim kutusunda aşağıdakileri yapın:
    1. URL'ye Git kutusunda, açmak istediğiniz sayfanın URL'sini yazın veya URL'ye göz atın.
    2. Pencere adı kutusuna sayfanın adını yazın.

      Not  Ad, boşluk içeremez.

    3. Pencere genişliği kutusuna, yeni pencerenin piksel cinsinden genişliğini yazın.
    4. Pencere yüksekliği kutusuna, yeni pencerenin piksel cinsinden yüksekliğini yazın.
    5. Öznitelikler altında, yeni pencerenin özniteliklerini seçin veya temizleyin.

      Not  Öznitelik onay kutularının seçilmesi veya temizlenmesi, yeni pencerenin araç çubukları, kaydırma çubukları veya yeniden boyutlandırma tutamaçları gibi çeşitli tipik Microsoft Windows özelliklerini içerip içermeyeceğini belirler.

  5. Tamam'ı tıklatın.

GösterKullanıcı bir köprüyü tıklattığında açılan bir açılır pencere eklemek için

  1. Sayfa görünümünde, belge penceresinin altındaki Tasarla Düğme görüntüsü düğmesini tıklatın.
  2. Biçim menüsünde Davranışlar'ı tıklatın. Davranışlar görev bölmesi açılır.
  3. Sayfa içerisinde çalışmak istediğiniz öğeyi (örneğin, metin veya grafik)  seçin.
  4. Ekle menüsünde Köprü'yü tıklatın.
  5. Köprü Ekle iletişim kutusundaki Adres kutusuna, açmak istediğiniz sayfanın URL'sini yazın, ancak http:// yerine javascript:// kullanın.
  6. Tamam'ı tıklatın.
  7. Davranışlar görev bölmesinde Ekle'yi ve sonra Tarayıcı Penceresini Aç'ı tıklatın.
  8. Tarayıcı Penceresini Aç iletişim kutusunda aşağıdakileri yapın:
    • URL'ye Git kutusuna, açmak istediğiniz sayfanın URL'sini yazın.
    • Pencere adı kutusuna sayfanın adını yazın.

      Not  Ad, boşluk içeremez.

    • Pencere genişliği kutusuna, yeni pencerenin piksel cinsinden genişliğini yazın.
    • Pencere yüksekliği kutusuna, yeni pencerenin piksel cinsinden yüksekliğini yazın.
    • Öznitelikler altında, yeni pencerenin özniteliklerini seçin veya temizleyin.

      Not  Öznitelik onay kutularının seçilmesi veya temizlenmesi, yeni pencerenin araç çubukları, kaydırma çubukları veya yeniden boyutlandırma tutamaçları gibi çeşitli tipik Microsoft Windows özelliklerini içerip içermeyeceğini belirler.

  9. Tamam'ı tıklatın.
  10. Davranışlar görev bölmesinde, Olaylar'ın altında varsayılan olayın üzerine gelin, oku tıklatın ve sonra tıklatıldığında öğesini tıklatın.

GösterAçılır pencerenin görünümünü değiştirme

  1. Sayfa görünümünde, belge penceresinin altındaki Tasarla Düğme görüntüsü düğmesini tıklatın.
  2. Biçim menüsünde Davranışlar'ı tıklatın. Davranışlar görev bölmesi açılır.
  3. Eylemler'in altında, Tarayıcı Penceresini Aç satırını çift tıklatın.
  4. İstediğiniz değişiklikleri yapın ve sonra Tamam'ı tıklatın.

Kod parçacıkları kitaplığına özel bir Pencereyi Kapat komut dosyası ekleme

Tarayıcı penceresi çoğunlukla kullanıcının pencereyi hızla ve kolayca kapatmasını sağlayan bir köprü içerir. Bunu sağlayan, köprüye eklenen ve kullanıcı tıklattığında pencereyi kapatan bir JavaScript satırıdır.

Bir komut dosyasını tekrar tekrar kullanıyorsanız, bu komut dosyasını kod parçacıkları kitaplığınıza kaydetmek isteyebilirsiniz. Bu şekilde, komut dosyasını her seferinde yeniden yazmak yerine, CTRL+ENTER tuşlarına basıp listeden seçerek ekleyebilirsiniz.

Aşağıda, tarayıcı penceresini kapatan kod parçacığını nasıl oluşturacağınız ve bu kod parçacığını, kod parçacığı kitaplığından sayfaya nasıl ekleyeceğinizi göreceksiniz.

GösterPencereyi Kapat kod parçacığını oluşturmak için

  1. Aşağıdaki <a ile başlayan ve /a> ile sona eren kod satırını seçin ve CTRL+C tuşlarına basarak kopyalayın.

    <a href="javascript:window.close();">Pencereyi Kapat</a>

  2. Araçlar menüsünde Sayfa Seçenekleri'ni tıklatın ve sonra Kod Parçacıkları sekmesini tıklatın.
  3. Ekle'yi tıklatın.
  4. Klavye kutusuna closeWindow yazın.
  5. Açıklama kutusuna Pencereyi Kapat komut dosyası yazın.
  6. Metin kutusunda, 1. adımda kopyaladığınız metni CTRL+V tuşlarına basarak yapıştırın.
  7. Tamam'ı tıklatın.

GösterPencereyi Kapat kod parçacığını sayfaya eklemek için

  1. Sayfa görünümünde, belge penceresinin altındaki Kod Düğme resmi düğmesini tıklatın.
  2. Ekleme noktasını kod parçacığını eklemek istediğiniz yere getirin.
  3. CTRL+ENTER tuşlarına basın.
  4. Listeden Pencereyi Kapat komut dosyası'nı seçin ve ENTER tuşuna basın.

JavaScript kopyalayıp yapıştırarak geçerli tarih ve saati ekleme

JavaScript'i biliyorsanız, Web sitenizi geliştirecek özel işlevler hazırlayabilirsiniz. JavaScript'i bilmiyorsanız bile, başkalarının uzmanlığından yararlanabilir ve kodu basit bir şekilde Web sayfanıza kopyalayıp yapıştırabilirsiniz.

Birçok JavaScript geliştiricisi, komut dosyalarını Web üzerinden ücretsiz olarak kullanıma sunarlar. Kullanabileceğiniz çeşitli komut dosyalarını incelemek için, kullandığınız arama motorunu açıp arama kutusuna free javascript veya cut and paste javascript yazmanız yeterli olur. Web sayfanıza etkileşim katmak için kullanabileceğiniz yüzlerce ücretsiz komut dosyası bulursunuz.

Komut dosyalarının büyük bölümü iki bölüm halinde gelir: işlev ve işlevin çağrısı. İşlev genellikle <head> ve </head> etiketleri arasına ve komut dosyasının çağrısı da genellikle <body> ve </body> etiketleri arasına yerleştirilir. Çoğu ücretsiz komut dosyasıyla birlikte gelen yönergelerde, kodun sayfanızda düzgün çalışması için kod bölümlerinin nereye yerleştirileceği belirtilir.

Aşağıdaki örnekte, kodun bölümlerini kopyalayıp Web sayfanızdaki uygun bölüme yerleştirmek yoluyla Web sayfanızda geçerli tarih ve saati nasıl görüntüleyeceğiniz gösterilir.

GösterWeb sayfasında geçerli tarih ve saati görüntülemek için

  1. Sayfa görünümünde, belge penceresinin altındaki Kod Düğme resmi düğmesini tıklatın.
  2. Aşağıdaki kod satırlarını seçip CTRL+C tuşlarına basarak kopyalayın.

    <script language="javascript">
 function datetime(){
  var datetime = new Date()
  var hr = datetime.getHours()
    var min = datetime.getMinutes()
  var mon = datetime.getMonth()
  var monNames = new Array("Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık");
  var day = datetime.getDate()
  var year = datetime.getFullYear()
  if(hr < 10){
    hr = " " + hr
    }
  if(min < 10){
    min = "0" + min
    }
  if (hr > 12)
    {
    hr = hr - 12;
    }
document.datetime.digits.value = hr + ":" + min + "   " + monNames[mon] + " " + day + "," + " " + year 
  setTimeout("datetime()", 1000)
  }
</script>

  3. FrontPage'de, ekleme noktanızı HTML belgesinin en üstüne, <head> ve </head> etiketleri arasına getirin ve kopyaladığınız kodu CTRL+V tuşlarına basarak yapıştırın.
  4. Aşağıdaki metni kopyalayın.

    
<body onload="datetime()">

  5. FrontPage'de, <body> etiketini seçin ve CTRL+V tuşlarına basarak bunu yeni kopyaladıklarınızla değiştirin.
  6. Aşağıdaki metni kopyalayın.

    <FORM name="datetime">
 <INPUT type="text"  name="digits"
    size=25 maxlength=25 value="Loading">
 </FORM>

  7. Ekleme noktasını geçerli tarih ve saatin görüntülenmesini istediğiniz yere getirin ve CTRL+V tuşlarına basarak yeni kopyaladığınız kodu yapıştırın.
  8. Dosya menüsünde Kaydet'i tıklatın.
  9. Sayfanızı sınamak için, Dosya menüsünde Tarayıcıda Önizleme'yi tıklatın.

    Not  Bilgisayarınızda komut dosyaları devre dışı bırakıldıysa, tarih ve saat düzgün görüntülenmeyecektir.

    Not  En yeni Microsoft Internet Explorer güvenlik güncelleştirmelerini yüklediyseniz, bir uyarı alabilirsiniz. Tarih ve saatin görüntülenmesine izin vermek için sarı Internet Explorer Bilgi Çubuğu'nu ve sonra Engellenen İçeriğe İzin Ver'i tıklatın. Güvenlik Uyarısı iletişim kutusunda Evet'i tıklatın.

Daha fazla bilgi için

Web'de ücretsiz komut dosyaları, örnekler ve öğreticiler sunan çok çeşitli JavaScript kaynağı bulabilirsiniz. Ayrıca Bkz kutusunda, ek kaynakla bulmanıza, JavaScript'i öğrenmenize ve Web sitenize etkileşimli öğeler eklemenize yardımcı olacak birkaç bağlantı vardır.

Yazdırılabilir SürümYazdırılabilir Sürüm