Back to Blog

Yazar: msthzn

JQuery

Facebook Fotoğraflarını Sitemizde Gösterme

fbPhotoStream plugin sayesinde facebook'taki herhangi bir public(yani herkese açık) albümün fotoğraflarını web sayfanızda gösterebilirsiniz. şimdi bu kullanımı çok basit olan plugin ile nasıl facebook resimlerini çekeriz buna bakalım.   resimde gördüğümüz işaretli alan bizim albümümüzü alabilmemiz için gerekli olan benzersiz id numarasıdır. öncelikle almak istediğimiz albümü açıp bu alanı bi yere not ediyoruz. daha sonra da plugini resimleri göstermek istediğimiz…
Continue Reading
JQuery

Jquery AJAX POST İşlemi

Jquery yardımıyla verilerimizi AJAX Post olayıyla PHP dosyamıza işlenmek üzere post edebiliriz. Aşağıdaki örnek kodlarımızda AJAX ile verilerimizi nasıl POST edeceğimizi göreceğiz. Öncelikle yine HTML form elementimizle başlayalım. Verilerimizi POST etmeden önce daha önceki yazılarımızda da gördüğümüz gibi formumuzu kontrol etmeyi ihmal etmeyelim. Daha önce bir firma için yazdığım yazılımdan kodları size aktarıyorum. Burada daha sonraki konularımızda bahsedeceğimiz Twitter Bootstrap…
Continue Reading
HTML5, JQuery

Jquery Form Control İşlemi

Jquery ile formlarımızı işlemeden önce yani POST etmeden önce göndereceğimiz verileri kolayca kontrol edebiliriz. Jquery form kontrolü yaparak daha güvenli işlem yapabiliriz. Kullanıcı için daha kullanışlı formlar oluşturabiliriz. <form action="javascript:;" id="customerForm"> <div class="form-group"> <label class="control-label"> Ad Soyad <span class="symbol required"></span> </label> <input type="text" placeholder="Ad soyad girin" class="form-control" id="name" name="name" value=""> </div> <div class="form-group"> <label class="control-label"> Tel <span class="symbol…
Continue Reading
JQuery, PHP

PHP – AJAX Auto Suggest İşlemi

Buradaki basit örnekte bir text input dosyasına giriş yapmaya başladığımız andan itibaren bir php dosyasına istek göndererek buradaki diziden girmeye başladığımız harflerle başlayan içeriği göstereceğiz <html> <head> <script> function showHint(str) { if (str.length == 0) { document.getElementById("txtHint").innerHTML = ""; return; } else { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status ==…
Continue Reading
PHP

File Upload Olayı

Php ile dosya  yükleme yani bilgisayardaki herhangi bir dosyayı sunucuya aktarma işleminin temel mantığını anlayabilmemiz için basitce kodlara göz. Buradaki kodlarımızda dosya boyutunu kısıtlama, dosya türünü kısıtlama, dosyanın sunucuda yükleneceği klasörü seçme gibi temel fonksiyonları görmüş olacağız <!DOCTYPE html> <html> <body> <!-- Dosya yükleme işlemimiz için formumuzu bu şekilde oluşturuyoruz. burada formumuzun action kısmı aşağıda kodlarını verdiğimiz php dosyamız…
Continue Reading
PHP

MySQLi Database Bağlantısı

PHP ile mysqli veri tabanı bağlantı kodlarımız şu şekildedir $servername = "sunucuadi"; $username = "kullaniciadi"; $password = "sifre"; $dbname = "veritabanı"; // Bağlantı oluştur $conn = new mysqli($servername, $username, $password, $dbname); // Bağlantıyı Kontrol Et if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } $sql = "SELECT id, firstname, lastname FROM MyGuests"; $result = $conn->query($sql); if ($result->num_rows > 0) { // verileri…
Continue Reading
CSS3

CSS3 Border

CSS3 ile border özelliği geliştirildi. Böylece çerçevelerde resim kullanabilir ya da çerçevelerin kenarlarına kıvrım verebiliriz. CSS3 de bu özelliğe border-radius denir. kodlarıyla div elementimizin görünümü aşağıdaki olacaktır. Burada "border-radius: 25px;" diyerek div elementimizin tüm kenarlarına eşit şekilde kıvrımları uygulamış olduk. Bunu istersek çeşitlendirebiliriz. border-radius özelliğiyle şekillendirdiğimiz div elementi border:…
Continue Reading
CSS3

Sık Kullanılan CSS Özellikleri

Web sayfalarımızı şekillendirirken sık kullanacağımız bazı css özelliklerini şöyle sıralayabiliriz Özellik Değer Açıklama font-family 'Arial', Helvetica Bu özelliği kullanarak özelliği atadığımız elementimizin yazı tipini ayarlayabiliriz font-size 12px Bu özelliği kullanarak yazı boyutlarını ayarlayabiliriz color red/#CCC/rgb(125,125,125) Bu özellikle  yazı rengimizi ayarlayabiliriz background-color red/#CCC/rgb(125,125,125) İlgili elementin arkaplan rengini ayarlamamızı sağlar width 250px/50%/auto İlgili elementin genişliğini ayarlamamızı sağlar height 250px/50%/auto İlgili elementin yüksekliğini ayarlamamızı sağlar…
Continue Reading
CSS3

CSS Nedir?

CSS cascading style sheet dosyaları html web sayfalarımızın görüntüsünü şekillendirmek için yazdığımız kodlarıdır. CSS aynı zaman XML formatlı dosylarıda biçimlendirmek için kullanılır. CSS W3C tarafından geliştirilmektedir. Şu an kullanılan son CSS versiyonu 3'dür. CSS web sayfalarımızı HTML etiketleri üzerinden veya id ve class dediğimiz tanımlar üzerinden şekillendirir. h1,h2,h3,h4 { color: #CDCDCD; display: block; } şeklinde sayfamızdaki tüm HTML başlık etiketlerini…
Continue Reading
HTML5

HTML5 ve Internet Explorer Sorunu

İnternet explorer 8 ve daha altındaki sürümler bilinmeyen etiketlerin biçimlendirilmesine izin vermiyor. Yani <article>, <header>, <footer> gibi HTML5 etiketlerini tanımıyor. Fakat  Sjoerd Visscher'in geliştirdiği "the shiv" kütüphanesi bu sorunumuzu ortadan kaldırıyor. <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> Bu kodu ekleyerek internet explorer 8 ve daha altı sürümler için hmtl5 elementlerini tanınır hale getirmiş oluyoruz. Böylece bu elementler için toplu halde…
Continue Reading