Javascript ile bigileri pop-up pencereye açtırmak

Bu dersimizde javascript ile pop-up pencereye istediğimiz bilgileri yazacağız...

Bu dersimizde javascript ile pop-up pencereye istediğimiz bilgileri yazacağız...

Sanalkurs adında bir fonksiyon oluşturduk.


function sanalkurs()



İşlemlerimizi bu fonksiyoa göre yapacağız.

taglarımızın arasına


<SCRIPT LANGUAGE="JavaScript">

function sanalkurs() 



{

msg=window.open("","msg","height=150,width=250,left=250,top=80");

msg.document.write("<html><title>SANALKURS.NET</title>");

msg.document.write("<body bgcolor='lightgreen' onblur=window.close()>");

msg.document.write("<center><b>www.SANALKURS:NET | Ne Yapabileceğini Göster!</b> </center>");

msg.document.write("<center><a target=_blank href=http://www.sanalkurs.net><b>Sanalkurs</b></a> </center>");



msg.document.write("<center><FORM> <INPUT TYPE=BUTTON VALUE=PencereyiKapatır NAME=lowerButton onClick=self.close()> </FORM></center>");



msg.document.write("</body></html><p>");



}



</script>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">



bu kodu ekleyeceğiz.


msg=window.open("","msg","height=150,width=250,left=250,top=80");



Bu kodumuzda pop-up penceremizin yüksekliğini 150 genişliğini 250 olarak ayarladık ve sol taraftan 250, yukarıdan 80 px boşluk bırakarak açılmasını sağladık.


msg.document.write("<body bgcolor='lightgreen' onblur=window.close()>");



Burda pop-up penceremize arkaplan rengi verdik.


msg.document.write("<center><b>www.SANALKURS:NET | Ne Yapabileceğini Göster!</b> </center>");

msg.document.write("<center><a target=_blank href=http://www.sanalkurs.net><b>Sanalkurs</b></a> </center>");


Burda ise pop-up içine girmek istediğimiz bilgileri yazdık dilerseniz artırabilirsiniz.

Şimdi ise tagları arasına bu kodu ekleyin.

<center>

<form>

<input type="button" value="Sanalkurs" onclick="sanalkurs()" style="font-weight: bold; font-family: Arial">

</form></center>



Bu kod yardımıyla ise sayfamıza Sanalkurs adında bir buton koymuş olduk.

Hepinize kolay gelsin...
  • Etiketler;
Oğuzhan Tüfekci
Uzun zamandır bilgisayarla iç içe olan Oğuzhan Tüfekci, şu anda freelance olarak çalışıyor. <p>Yazılım geliştirme, grafik tasarım ve web tasarımı üzerine yoğunlaşan yazar, Html, Php, Asp, Asp.NET, Css, Javascript, AutoCAD, C, C++, Visual Basic, Flash, Photoshop, Corel Draw ve Illustrator biliyor.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git