Jan 12

onClick eventi

Javascript Yorum Yok »

Bir linke, bir butona, bir alana veya bir seçim kutusuna mouse ile tıklama durumunu kontrol eden evente verilen ad onClick tir. onClick eventini şu şekilde kullanıyoruz:


<form>
<input type=button value=dene onClick="fonksiyonAdi()">
</form>

Burada input tagı ile oluşturduğumuz butona onClick parametresini ekliyoruz. fonksiyonAdi() şeklinde tanımladığımız bölüme butona tıklandığında çalıştırmak istediğimiz fonksiyon adını ve gerekli parametreleri yazıyoruz.

Basit bir örnek ile bir pencereyi buton ile açalım. Javascript ile pencere açmak için kulladığımız metod window.open() dir. Açılacak pencereye bir çok parametre girilerek pencere özellikleri ayarlanabilir. Hazırlayacağımız program ile sadece pencerenin genişlik ve yüksekliğini belirleyeceğiz. Diğer ayarlamalar default olarak kalacaktır.



<script>

<!– gizle

function yeniPencere(sayfa){

        window.open(”sayfa”,”",”width=300, height=200″);

        }


 Okumaya Devam Et »
Jan 12

write metodu

Javascript Yorum Yok »

write ekrana karekter basmak için kullanılan bir metoddur. Bunu öeneklerimizde gördük. Kullanımı document.write(ekranaBasılacakBilgi); şeklindedir. Ekrana basılacak bilgi ;

  • Bir string olabilir;
    document.write(”Bu gün hava çok güzel”);
  • Bir sayı olabilir;
    var a=12345;
    documetn.write(a);
  • Bir boolean değişken olabilir;
    var durum=true;
    document.write(durum);
  • Bir html tagı olabilir;
    document.write(”<hr><font size=5>Nasıl buldunuz?</font><hr>”);
<script language="JavaScript">


<!– gizle Okumaya Devam Et »
Jan 12

Karşılaştırma İşlemleri

Javascript Yorum Yok »

Programlama yaparken en çok kullanacağımız işlem belkide karşılaştırmadır. Bilgisayara bir şeyler yaptırırken şu şekildeyse şunu yap aksi halde bunu yap şeklinde kullanımlar hazırlayacağımız programın mantığını oluşturacaktır. Bu şekilde bilgisayar yeri geldiğinde kararverebilecektir.

Karşılaştırma işelemlerini if, for, do gibi methodlarda kullanacağız. Karşılaştırma operatorlerini görelim.

Jan 12

Değişken çeşitleri

Javascript Yorum Yok »

JavaScriptte bir çok değişken gurubu vardır. Her gurubun kendine özgü özellikleri bulunuyor. Biz bu değişkenleri göreceğiz ve özelliklerini öğreneceğiz. Değişkenleri her zaman kullanacağımız için bu konuyu iyice kavramamız gerekmektedir.

Sayısal Değişkenler:

Sayısal değişkenler adındanda anlaşılacağı gibi sayısal bir değer alırlar. İşlemlerde sayılarla ilgili tüm işlemleri yapabilirsiniz. Toplama, çıkarma, karşılaştırma vs. gibi.
Tanımlama yaparken var degiskenAdı; şeklinde bir tanımlama yapılır. İstenirse tanımlama yaparken bir değer de verilebilir. var giris=100; gibi. Sayısal değişkenler ondalık(decimal), sekizlik(octal) ve onaltılık(hexadecimal) olabilir.
Ondalık sistemdeki sayırı olduğu gibi yazıyoruz. Sekizlik sistemdeki sayıyı tanımlarken başına sıfır(0) değerini ekliyoruz. 0234 gibi. Onaltılık sistemde ise sayıyı belirtmek için sıfır ve x (0X) değerini sayının başına eklyoruz. 0X23A gibi.
Sekizlik ve onaltılık sistemdeki değişkenler ekrana basılırken onluk sistemde basılırlar. Sayısal değişkenler bir kaç örnek verelim:

Okumaya Devam Et »

Jan 12

Browserler için ortak kodlar

dHtml Yorum Yok »

Browserler için ortak bir çalışma için kodları aşağıdaki gibi birleştiriyoruz.


function yaz(e)
  {
   if(ns4 || ns6)
      {
       fareXkon = e.pageX;
       fareYkon = e.pageY;
      }
   if(ie4)
      {
       fareXkon = event.x;
       fareYkon = event.y;
      }
   window.status = "x ="+ fareXkon + " --- y =" + fareYkon;
  }
onmousemove = yaz;
if(ns6)addEventListener("mousemove",yaz,true);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
Jan 11

Center, pre ve h1 - h6 tagları

Html Yorum Yok »

<CENTER> Tagı

Bu tag içerisine aldığı elemanları iki kenara göre ortalar. Kullanım şekli :


<CENTER>
Ortalanacak elemanlar bu bölüme gelecek
</CENTER>

Bu tag <DIV ALIGN=”Center”> ile aynı etkiyi oluşturur.

<PRE> Tagı

Bu tag ile elde edilecek etki şudur; bu taglar arasına yazılan her ifade aynen yazıldığı gibi gösterilir, aralarında bırakılan boşluklarda olduğu gibi muhafaza edilir, ayrıca bu tagın etki ettiği alandaki yazılar eşit aralıklı daktilo fontu ile gösterilir. Bir örnekte bunu görelim :


<HTML>
<HEAD>
<TITLE> PRE tagı</TITLE>
<META HTTP-EQUIV="Content-Type"
         CONTENT="Text/Html; charset=iso-8859-9">
</HEAD>
<BODY>
PRE tagının etki etmediği yazı şekli.
<PRE>
P  R  E      t  a  g  ı  n  ı  n  e  t  k  i
	 e  t  t  i  ğ  i
              a  l  a  n .
</PRE>
</BODY>
</HTML>

Okumaya Devam Et »

Jan 10

Web sayfasının yapısı

Html Yorum Yok »

Genel olarak bir websayfasına html belgesi ( html dökümanı ) adı verilir. Html belgesinin kendine özgü yapısı vardır. Bir web sayfası hazırlarken bir bu yapıya uymak zorundayız. Bir html belgesi üç bölümden oluşmaktadır. Bunlar

  • Html bildirimi
  • Giriş tanımlama bölümü
  • Sayfa içeriği

Sırasıyla bu bölümlerin nasıl oluştuğunu görmeden önce html tagı kısaca tag kavramına değinelim.

Okumaya Devam Et »

Jan 10

Yazı fontu ayarlamaları

CSS Yorum Yok »

CSS ile fontların bir çok özelliği ayarlanabilir, font tipi, font büyüklüğü gibi. Bunun için birkaç font özelliğini kullanacağız.

font-family

Font tipini belirtmekte kullanılır Arial gibi bir font tipi veya Serif gibi bir font ailesi ismi verilebilir. Ayrıca birkaç font tipi sırasıyla verilebilir. Böylece eğer istenilen font bulunamazsa diğer font kullanılacaktır. Yine bir font ailesi ismi verilerek gerekirse buradan bir font seçilmesi sağlanabilir. Eğer font ismi arasında boşluk varsa tırnak içerisinde yazılmalıdır.


DIV { font-family:"Times new roman",times;}
BODY {font-family:Arial,Helvetica,Sans-serif;}

font-size

Font büyüklüğünü belirtmek için kullanılır. Birkaç şekilde font büyüklüğü belirtilebilir. Bunlar :

  1. Göreceli olarak fontun büyüklüğünü artıran lager, ve font büyüklüğünü bir azaltan smaller.
  2. Yine font tablosundaki xx-smal, x-small,small,medium,large,x-large,xx-large değerleri iled font büyüklüğü ayarlanabilir. Burada küçükten büyüğe doğru sıralama yapılmıştır.
  3. Değer olarak font büyüklüğü verilebilir.
  4. Yüzdelik olarak font büyüklüğü değiştirilebilir.

P {font-size: x-small;}
BODY {font-size:larger;}
.aciklama { font-size:10;}
#baslik { font-size: 200%;}



font-weight


Font ağırlığını/koyuluğunu belirler. Alabileceği değerler 100, 200, 300, 400, 500, 600, 700, 800, 900, bold, bolder ve lighter dir. Burada rakamsal değerler sırasıyla koyuluk en azdan en fazlaya şeklindedir. bold değeri <B> tagına eşdeğer bir sonuç verir. bolder değeri koyuluğu bir değer artırır, lighter değeri koyuluğu bir azaltır.


H1 {font-weight:800;}
.aciklama { font-weight:bolder;}
#menu { font-weight : bold;}






font-style


Fontun sitilini belirtir. Alabileceği değer normal, italic ve oblique dir. Normal değerinde font olduğu gibi görünür. italic ve oblique değerleri ise fontu yatık gösterirler.



P { font-style:italic; }
.aciklam { font-style:normal;}






font-variant


Font ailesinin bir varyasnonunu seçer. İki değer alabilir; normal ve small-caps. İkinci değer font büyüklüğünü azaltır ve büyük harf kipinde yazdırır.




font


Font özelliklerinin kısa tanımlanmasını sağlar. Sırasıyla font-style, font-variant, font-weight, font-size/line-height, font-family değerlerini alır. Kullanılmayan özellik için varsayılan değer kullanılır. Font-size ve lin-height değerleri aralarında ( / ) bölü işareti ile birlikte kullanılır. Line-height özelliği ile iki satır arasındaki mesafe belirtilir.



P { font : normal small-caps 500 12/1 serif;}
P { font : italic 400 Arial;}
DIV { font : 12 fantasty;}
Jan 10

Harici sitil dosyalarının kullanılması

CSS Yorum Yok »

Hazırlanmış sitil dosyalarının herhangi bir sayfa içerisine yerleştirilmesi için mutlaka bu sayfa içerisine yazılması gerekmez. Bunun yerine bu sitil dosyasına bir link vermemiz yeterlidir. Böylece bu sitil sayfası browser tarafından yüklenerek içerisindeki sitiller kullanılabilir.Böyle bir kullanım bize site içerisindeki tüm sitillerin bir dosya içerisinden denetlenmesini ve istendiğinde tek bir dosyanın değiştirilerek bu dosyanın kullanıldığı tüm sayfaların sitillerinin değiştirilmesi sağlanabilir. Bunun için <LINK> tagını kullanıyoruz. Bu tagın kullanımı :


<LINK REL="stylesheet" href="sitilin_bulunduğu_dosya"
	TYPE="text/css">

şeklindedir. Burada HREF özelliği ile sitil dosyasının tam veya göreceli adresi verilmektedir. Sitil dosyaları css uzantılı olarak kayıt edilen düz yazı dosyalarıdır.

Şimdi bir örnek ile harici sitil dosyalarının kullanımını görelim.



.onemli


 Okumaya Devam Et »
Jan 10

Websayfanızdan IP Banlamak

PHP Tutorials Yorum Yok »

Eğer tek ip adresi banlamak isterseniz bu kod işinizi görecektir.

PLAIN TEXT

PHP:

  1. <?php

  2. $ip = “xx.xxx.xxx.xx”;

  3.  

    4. Okumaya Devam Et »

Sonraki
Wordpress Themes Copyright © 2007 Php & Resources. All rights reserved. website stats wbturk.com Genel Ziyaretci istatiskleri www.http://pr-4.com
eXTReMe Tracker