lostyazilim
tr.link

Javascript ile Linki Pop-Up Açmak

6 Mesajlar 7.859 Okunma
acebozum
tr.link

Hucukii Hucukii </ismailcaakir> Kullanıcı
  • Üyelik 14.09.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelancer
  • Konum Bursa
  • Ad Soyad İ** Ç**
  • Mesajlar 382
  • Beğeniler 57 / 78
  • Ticaret 8, (%100)


Javascript ile linki pop-up olarak açmamız mümkün bunun için sizlere güzel bir anlatım yapayım dedim.Çevremde çoğu blogcu blogunda paylaştıkları konulara demo bir sayfa veriyor belki aranızdan birileri bu sayfaları pop-up olarak açmak ister benim gözümde daha hoş duruyor belki(araştırmadım) bunun seo’ya etkiside olabilir.

Pop up açmak için gerekli bir kaç komut yazmamız gerekiyor bu komutlar kalıplaşmıştır yani bunları ezberlememiz lazım

<script>
var popup =window.open("http://www.ismailcakir.net?pop-up","sekme","13","333");

//pop up açma komutunu verdik ve popup değişkenine aktardık..
</script>


Şimdi sıra çalışma şeklini anlatmaya



<script>
function ac(){
var popup =window.open("","sekme","13","333");
//" " kısmına dilersek link verebiliriz örnekwww.ismailcakir.net

popup.document.write("

POP UP SAYFAMIZA HOŞ GELDİNİZ!!

");
popup.document.write("

POP UP SAYFAMIZA HOŞ GELDİNİZ!!

");
popup.document.write("

POP UP SAYFAMIZA HOŞ GELDİNİZ!!

");
popup.document.write("
www.ismailcakir.net");
popup.document.write("

POP UP SAYFAMIZA HOŞ GELDİNİZ!!

");
popup.document.write("
POP UP SAYFAMIZA HOŞ GELDİNİZ!!
");
popup.document.write("Pencereyi Kapatmak için tıklayın");
//window.close ise açılan pencereyi kapatmaya yarıyor..
}
</script>

Pop Up Olarak Aç

Yukarıda gösterilen a tagına tıklanılınca ac() fonsiyonu çalışacak biz ise bu pop-up olayını bu fonksiyona atadık.Yani eleman linke tıkladığında sayfa # e yönlendirilecek ve ac() fonksiyonu çalışacaktır..

Sıra geldi fonksiyonların içini anlatmaya yeni açılacak pop-up’u bir değişkene atadık(popup) ve alt satırlarda işe bu pop-up içerisine yazılarımızı yazdırdık dilersek bu ekrana demo sayfalarımızı ekleyebiliriz veya reklamlarımızı koyabiliriz..

Anlatacaklarım bu kadardı örnek sayfaya bakmak isterseniz buraya tıklayın , javascript hakkındaki diğer derslerimize bakmak içinse burayı tıklayabilirsiniz ; JavaScript Dersleri
coder42

kişi bu mesajı beğendi.

Develops everything always..
elektronikssl
webimgo

coder42 coder42 WM Aracı Kullanıcı
  • Üyelik 01.03.2013
  • Yaş/Cinsiyet 36 / E
  • Meslek Webmaster
  • Konum Konya
  • Ad Soyad ** **
  • Mesajlar 25
  • Beğeniler 2 / 0
  • Ticaret 0, (%0)
Mrb, hocam paylaşım güzel tşk. Ama bir şey sormak istiyorum. Scroll bar'ı nasıl pasif yapabiliriz.
 

 

Hucukii Hucukii </ismailcaakir> Kullanıcı
  • Üyelik 14.09.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelancer
  • Konum Bursa
  • Ad Soyad İ** Ç**
  • Mesajlar 382
  • Beğeniler 57 / 78
  • Ticaret 8, (%100)

kodunu ekleyerek kapatabilirsiniz :)
 

 

Develops everything always..

coder42 coder42 WM Aracı Kullanıcı
  • Üyelik 01.03.2013
  • Yaş/Cinsiyet 36 / E
  • Meslek Webmaster
  • Konum Konya
  • Ad Soyad ** **
  • Mesajlar 25
  • Beğeniler 2 / 0
  • Ticaret 0, (%0)
tşk. hemen deniyorum.

Ek Olarak: hocam istediğim gibi olmadı yaa. özelden yazsam yardımcı olurmusun.
 

 

wmaraci
wmaraci

volkantr19 volkantr19 WM Aracı Kullanıcı
  • Üyelik 24.12.2011
  • Yaş/Cinsiyet 44 / E
  • Meslek Havacılık
  • Konum
  • Ad Soyad V** Ö**
  • Mesajlar 47
  • Beğeniler 14 / 2
  • Ticaret 0, (%0)

coder42 adlı üyeden alıntı

tşk. hemen deniyorum.

Ek Olarak: hocam istediğim gibi olmadı yaa. özelden yazsam yardımcı olurmusun.


Nasıl yapmak istiyorsunuz,yardımcı olayım ben size...
 

 

Hucukii Hucukii </ismailcaakir> Kullanıcı
  • Üyelik 14.09.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelancer
  • Konum Bursa
  • Ad Soyad İ** Ç**
  • Mesajlar 382
  • Beğeniler 57 / 78
  • Ticaret 8, (%100)
Özelden yazarsanız yardımcı olurum tabiki :)
 

 

Develops everything always..
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al