Json dosyasını javascript ile okutmak | read json file with javascript

function loadJSON(file, callback) {  
    var xobj = new XMLHttpRequest();
    xobj.overrideMimeType("application/json");
    xobj.open('GET', file, true);
    xobj.onreadystatechange = function () {
          if (xobj.readyState == 4 && xobj.status == "200") {
            callback(xobj.responseText);
          }
    };
    xobj.send(null); 
}

function load() {
    loadJSON("datas.json", function(response) {
        var obj = JSON.parse(response);
        alert(obj.data[0].name);
    });
}

öncelikle load() fonksiyonun çağırıyoruz. Bu fonksiyon json dosyasının okunması için loadJSON fonskiyonunu çağırmaktadır. loadJSON fonskiyonunu çağırırken json dosyamızın adını parametre olarak yazıyoruz. dosyanın içeriği bize response olarak dönüyor. Dönen içeriği parse ediyoruz ve artık json verilerimize obj.data[id] ile istediğimiz gibi ulaşabiliyoruz.

Html table kenarlıklar arası boşluk sıfırlama | Html cellpadding cellspacing

<table cellpadding="0" cellspacing="0">
...
</table>

tablonun th td lerine border uygulandığında border arasındaki boşlukları sıfırlamak isteriz. Bu yüzden yukarıdaki table etiketindeki cellpadding ve cellspacing özelliklerini kullanarak mesafeler arası boşlukları kaldırmış oluruz.

XAMPP sunucu dosyası nerede ? | Where is the server files for XAMPP ?

Ayrı zamanda sunucu olarak iş yapan xampp server'ın Apache sunucusunu start dedikten sonra  xampp > htdocs  klasöründeki dosyalar

herhangi tarayıcıdan localhost'a bağlanınca (varsayılan port numarası farklıysa örn:localhost:8080,localhost:4433 ise) dosyalarınızı görüntüleyebileceksiniz.

Html tag içinden javascript fonksiyonunu çağırma | Calling javascript function inside HTML tag

bu özelliği HREF etiketi ile kullanabiliriz.

<a href="javascript:hello()" > link'e tıklayın </a>

ve ya 

ondblclick özelliğini de bu iş için kullanabiliriz.

<a href="#" ondblclick="hello()" > link'e tıklayın </a>

 

Css ile link (a href) rengi değiştirme | change color of a href

a:link {color: white;}
a:visited {color: white;}
a:active {color: white;}
a:hover {color: antiquewhite;}
a {
    text-decoration:none;
}

css etiketleriyle linklere istediğimiz biçimi verebiliriz.

Liste elemanlarını yan yana yazma | display ul li side by side

ul {
         list-style: none outside none;
}
li {
          position: relative;
          display: inline;
          margin: 20px;
}

css kodlarıyla liste elemanlarını yan yana görünümü sağlayabilirsiniz.

HTML Title Turkish character | HTML de title etiketinin türkçe karakter görüntülememesi

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-9">

<META HTTP-EQUIV="Content-language" CONTENT="tr">

Html kodlamada title etiketinde bozuk karakter görüntülenmesinden dolayı türkçe karakter problemimizi yukarıdaki meta taglarını head kısmına ekleyerek düzeltebiliriz.