Kategori: Html

Html input alanında sadece rakam ve harf kullanımı

sorblog0

Html input alanında sadece rakam ve harf kullanımı

Html input alanında sadece rakam ve harf kullanımı

Çözüm 1

Girdirmek istediğiniz input alanına harf ve rakamlardan başka girişi engellemek istiyorsanız pattern özelliğini kullanabilirsiniz. Bu özellik aktif edildiğinde boşluk ,yıldız ,virgül gibi karakter girişleri engellenecek ,formu post etmeden önce uyarı verecektir.

Çözüm 2

Olayı javascript ile daha kompleks bir hale getirip ,yanlış format girildiğinde kullanıcıyı anlık olarak uyarmak istersek aşağıdaki şekilde girmeliyiz.

Devamını Oku

Okumaya Devam

Select Option Verilerini Databaseden Çekmek

sorblog0

Select Option Verilerini Databaseden Çekmek

dropdown select option seçeneklerini database den çekmek sorblog.com

Select option form alanına manuel seçenek tanımlamak hardcode dediğimiz mantıkta olduğu için hem profesyonellikten uzak ,hemde projemizin ilerlediği süreçlerde geriye dönüp editlemesi güç durumlara yol açabilmektedir. Bu duruma sebebiyet vermemek açısından option verilerini bir database tablosuna yazmak ve oradan çekmek esneklik açısından akıllıca olacaktır. Olayı pekiştirmek açısından vereceğim ilk örnekte manuel seçenekler nasıl tanımlanır ona değineceğim. İkinci örnekte ise asıl amacımız olan bu verileri işlenmiş bir tablodan nasıl çekeceğiz onu görelim.

Select Option Form Verileri Manuel Giriş

<select>
  <option value="1">Ahmet</option>
  <option value="2">Mehmet</option>
  <option value="3">İsmet</option>
Devamını Oku

Okumaya Devam

Php & Pdo & Ajax Search ile Anlık Arama Örnek Kodu

sorblog0

Php & Pdo & Ajax Search ile Anlık Arama Örnek Kodu

Php Pdo Ajax Search

Daha siz arama kutucuğuna kelimenin baş harflerini yazarken sonuçlar sayfaya dökülsün ister misiniz? Aşağıdaki örnek te arama sonuçlarının ,arama yaptığımız sayfaya nasıl anlık olarak döküldüğünü göreceğiz.

index.html diye bir sayfa oluşturup aşağıdaki kodları içine döktürüyoruz.

<html>
<head>
<script> //Aramayı yaptıracak ajax kodumuz
function doSearch(str)
{
Devamını Oku

Okumaya Devam