4 Eylül 2013 Çarşamba

Sayfa Açılışında Otomatik pop up yapımı

Sayfa Açılışında Otomatik pop up yapımı




Merhaba arkadaşlar bu dersimizde sayfa açılışında otomatik gelen pop up çalışmasını anlatacağım yanda bulunan resim örnektir bunu belirtmeden geçmeyeyim Anasayfanıza (index.html) giren kişileri direk popup penceresiyle karşılaşacak. yani sitenize giren kişiler.Bu arada not düşmek benim vazifemdir.Bu işlevsellik sitenizin hitini düşürebilir. Çünkü kullanıcı sayfaya girdiğinde tabikide pop upla karşılaşmak istemez direk görmek istediği içeriği görüp çıkmak isteyecektir.Sayfa Açılışında Otomatik pop up yapımını alnatalım...



1.Pop Up uygulaması ;

İlk olarak web editör programınızla index.html sayfasını oluşturun yahut vaar olan sayfanıza <head> ile <head> arasına aşşağıda bulunan kodu yerleştirin.



<head>
<script language=”javascript”>
function pop(){
window.open(“popup.html”,”acılacaksayfa”,”width=400,height=400,menubar=0,toolbar=0,resizable=0″);
}
</script>
</head>

Daha sonra ise yine index.html dosyasındaki <body> etiketi içerisine onload=”pop()” şöyle olmalı
<body onload=”pop()”>

Yukarıdaki kodda görüldüğü gibi gibi popup.html sayfası oluşturmanız gerekiyor. popup.html sayfanıza isterseniz yazı isterseniz resim ekleyebilirsiniz.
Pop up penceresinin boturlarını değiştirme ;

width=400,height=400 kodlarında oynama yaparak ayarlayabilirsiniz.

NOT: BU ÇALIŞMADA SİTENİZE GİREN KULLANICI HER GİRDİĞİNDE POP UP KODU İLE KARŞILAŞACAKTIR. EĞER HER KULLANICI 1 (BİR) DEFA POP UP İLE KARŞILAŞSIN İSTİYORSANIZ TIKLAYIN.

6 yorum:

  1. hocam 1. kısmı uygularken head ile head arasına kodu yapıştırınca hata veriyor.
    there is a syntax error on line 23. Code hinting may not work until you fix this error

    23. satırda :
    window.open(“popup.html”,”acılacaksayfa”,”width=400,height=400,menubar=0,toolbar=0,resizable=0″);

    kodu var

    YanıtlaSil
    Yanıtlar
    1. tırnak işaretlerinden kaynaklanıyo, tırnak işaretlerini tek tek silip yeniden kendin ekle hata giderilecektir

      Sil
  2. Hocam öncelikle eline sağlık ama bi problemim var, bu web sayfası bulunamadı diyor ancak popup.html sayfası var bu hatayı neden veriyor olabilir. ve bir sorum olacak bu pencereyi windows penceresi şeklinde değilde daha farklı ve sitenin ortasında açabilir miyiz? bunun için css kodları gerekeceğini düşünüyorum bu kodları nereye yerleştirmek gerek ? Teşekkürler

    YanıtlaSil
  3. Peki, belli sayfalarda bunu nasıl uygulayabiliriz?

    YanıtlaSil
  4. Ustad merhaba. kodlar için tesekkurler.
    tek sorunum, açılan html sayfasından scrool bar ve toolbarı kaldıramıyorum. değer olarak 0 vermeme ragmen.

    YanıtlaSil
    Yanıtlar
    1. aslında sadce resim açtırmak istiyorum ne yapmam gerek.

      Sil

Diğer Yazılarımız