CSS Hatırlatması {Tablo Satırlarını Renklendirelim}

Tablo Hazırladığımızda En Büyük Sıkıntılardan Birtaneside Tablo Büyüdükçe Satırların Zaman Zaman Birbirine Karışması.

CSS3 İle Gelen Seçiciler İle Satırları Renklendirmek Mümkün Sanırım Örnek İle Daha Rahat Açıklayabilirim.

Devamını Oku »

jQuery İle Selectbox’tan değer almak

Aslında işe yaramaz bir özellik gibi gözükebilir ama zaman zaman hiç umulmadık yerde işinizede yarıyabilir. Selectbox kutusundan sayfa yenilemeden php kullanmadan değer alma işleminizi kolaycayapabilirsiniz.

Bu seçime görede işlem yapabilirsiniz.
Devamını Oku »

Satır Numaralı Textarea Hazırlamak

Kendime online yazıeditörü ve sitemde kullanmak amaçlı düzenleyiciler filan hazırlarken zaman zaman hataların oluşmasıyla text alanlarında satır numaralarınında güzel olacağı fikriyle scriptlerime eklediğim bir javascript kodu daha doğrusu jQuery eklentisi var. Şuan size ondan bahsetmek istiyorum.

jQuery LinedTextArea Nedir?

Lined TextArea Alan Williamson tarafından yazılmış bir jQuery eklentisidir.
textarea alanına atanacak id ile text alanını aşşağıdaki gibi bir hale getiriyoruz.

Chrome Butonlarını Sitenizde Kullanalım. | Chrome Buton Yapımı

Chrome kullanıcıları bilirler gelen yeni sürümlerle chrome’un ayarlarında ve alt yapısında kullanılan butonları görmüşsünüzdür biraz kurcalarken hoşuma gitti ve hazırladığım bir sitede kullandım bu aradada kodlarını paylaşayım dedim.

Chromedaki Bu Butonların Aynısını Alıcaz.

Linux Kod Parçacıkları

Bildiğiniz gibi Linuxtaki komut sistemi aracılığıyla eğer benim gibi mause kullanmaktan hoşlanmıyor ve gerekli durumlarda kullanmanız amacı ile bazı linux komutlarını ve açıklamalarını sizlerle paylaşmak istiyorum.

Php İle Zaman Dilimini Ayarlamak

Geçenlerde localhost’umda PHP ile tarih / saat fonksiyonu ile ilgili birşeylerle uğraşırken farkettimki bilgisayarımdaki saat doğru fakat php’deki saat farklı bu zaman dilimleri ile ilgili olarak sıkıntı çıkartmıştı, normalde php.ini dosyasını düzenleyerek bu sorunu kolayca çözebilicekken php ile bunu ayarlamanın mümkün olduğunu hatırladım ve blogumda paylaşmaya karar verdim.

date_default_timezone_set() Fonksiyonunun kullanımı

Php scriptinizin her sayfasına dahil olan bir init.php, config.php, ayar.php gibi bir dosyanız varsa bu dosyanın uygun bir yerine aşşağıdaki kodu ekleyerek tarih / saat farklılığını düzeltebilirsiniz.

  <?php date_default_timezone_set('Europe/Istanbul');

Kaynak

date_default_timezone_set() fonksiyonunu php manuelden inceliyebilirsiniz.

Diğer zaman dilimlerini incelemek için yine php manuel Zaman dilimleri sayfasından inceliyebilirsiniz.

WordPress Admin Paneline jQuery Eklemek Ve Kullanmak

WordPress admin paneline eklenti vs yazarken jquery dahil etmek gerekebiliyor ve bildiğimiz metodlarla jquery eklediğimizde sıkıntı çıkartabiliyor.

Bunun için WordPress bize kendi kancalarından birtanesi ile yardımcı oluyor ve kullanımı hakkında kolaylık sağlıyor.

Benim burada vereceğim kodla wordpressin kendi kullandığı jQuery kütüphanesini kaldırıp kullanmak istediğiniz versiyonunu ekleyerek o şekilde çalışma ortamınızı hazırlayacaksınız.

wp_enqueue_script codex sayfasından yazının orjinalini (ingilizce) inceliyebilirsiniz.
Devamını Oku »

HTML5 İle Gelen Form Elementleri İçin Placeholder Özelliği

Placeholder’ın tanımını yapmadan bu yazıya başlayamayacağım,
Placeholder HTML5 ile Gelen İnput Tipleri adlı yazımda bahsettiğim tüm input değerlerine placeholder="Burada Gözükür" Şeklinde eklenerek kullanıcı oraya tıklayana kadar gözüken ve tıkladığı zaman kaybolan yazı alanını sağlayan bir özellik.

Zamanında jQuery ile yaptığımız jQuery ile Form Elementlerine Değer Atamak adlı makalemde javascript ile yaptığımız işlemi artık sadece placeholder="Bu Yazı Tıklayınca Kaybolur" şeklinde kolayca ekliyebiliyoruz.

Kullanımı

<input type="text" placeholder="Placeholder Örnegi" />

Placeholder özelliği HTML5 ile Gelen İnput Tipleri adlı yazımdaki bir çok input tipinde geçerlidir.

CSS ile Düzenlemesi

Sadece input alanlarını seçmek için;

input::-webkit-input-placeholder {
    color:    #999;
}
input:-moz-placeholder {
    color:    #999;
}

Tüm Değerleri Seçmek İçin;

::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}

Forumdaki Konuda Tartisin

HTML5 İle Gelen From Elemanlarında Required Özelliği

Html 5 ile gelen bir diğer özellik ve gerçekten tonlarca javascript kodu yazmanızın önüne geçen ve javascript / jQuery ile arası olmayanlar için bitmek bilmeyen dakikaları ortadan kaldıran required="true" ifadesi peki bu kod nedir ne işe yarar incelemeye başlayalım.

Nedir? Ne işe yarar?

Required kelimesi türkçe tercümesi “gereken”, “gerekli” anlamına gelmektedir.
Burdanda anlayacağınız gibi form alanlarında oluşturduğunuz yazı, şifre, vs gibi alanlarda bu ifade eklenerek php / javascript kontrolü yapmadan browser aracılığıyla kontrol sağlamak mümkün.

Tabi yine burda desteklemeyen browserlar söz konusu olucak onlarıda inceliyecek olursak.

İE: Desteklemiyor.
Firefox: 4.0 +
Opera: 9.5 +
Chrome: 3.0
Safari: Desteklemiyor.

(Her halükarda php ile bir kontrol yaptırmak kesinlikle zorunlu ama en azından javascript ile uğraşmaya gerek kalmaz.)

Kullanımı

<input type="text" id="isim" required="true" />

Aynı şekilde type="password" , email, number, url, range ve daha fazlasında kullanabilirsiniz. (Not: HTML 5 ile gelen yeni input Tipleri adlı makaleyi okuyabilirsiniz.

Forumdaki Konuda Tartisin