Jquery ile hızlı arama ( AutoComplete ) Yapımı
SanalData’yı Google’da tercih edilen kaynak olarak ekleyinMerhabalar,
Hızlı arama yapmak isterseniz aşağıdaki kodları kullanabilirsiniz.
Html tarafı
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <script src="/js/jquery.min.js"></script> <form id="hizli_arama_form" name="hizli_arama_form" > <input name="ctl00$header_arama_txt" id="ctl00$header_arama_txt" type="text" /> <script language="javascript"> $('#ctl00$header_arama_txt').on('input', function (e) { $.ajax({ type: 'GET', url: '/ziyaret_musteri_arama.aspx?q=' + document.getElementById('z_musteri_txt').value, success: function (cevap) { $('div#hizli_arama_sonuc').html(cevap); } }); }); </script> </form> <div id="hizli_arama_sonuc"></div> </div> </form> </body> </html> |
header_hizli_arama.aspx kaynak kodları
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
Response.Clear(); try { string arama = Request.QueryString["q"]; if (arama != "" && arama.Length > 2) { using (baglanti = new MySqlConnection(bag)) { baglanti.Open(); using (MySqlCommand t = new MySqlCommand("SELECT ad,resim1,isapi FROM eticaret_urunler where stok>1 and online='1' and CONCAT(ad,kod) LIKE ?arama limit 10", baglanti)) { t.Parameters.Add("arama", "%" + arama + "%"); using (MySqlDataReader a = t.ExecuteReader()) { while (a.Read()) { Response.Write("<div class='hizli_arama_header'><a href='/urun/" + a["isapi"].ToString() + "'><div style='display:table;'><div style='display:table-row;'> <div style='display:table-cell;'><img src='/uploads/eticaret/180/" + a["resim1"].ToString() + "' height='50' width='50'></div><div style='display:table-cell; vertical-align: middle;'>" + a["ad"].ToString() + "</div></div></div></a></div>"); } a.Close(); a.Dispose(); } } baglanti.Close(); baglanti.Dispose(); } } } catch(Exception exp) { Response.Write("<div class='hizli_arama_header'>" + exp.Message + "</div>"); } Response.End(); |
Bir sonraki kodlama yazısından görüşünceye kadar bol sorgulu günler 🙂
Günün zaman çizelgesi
Haber eklenme saatine göre sıralanır.
- Bugün
- Apple, Brüksel’de teknoloji lobisinin en aktif şirketlerinden
- Apple gündeminde iPhone Duo, AirPods 5 ve mesajla sipariş
- Armadin, yapay zekâ güvenliği için 255,5 milyon dolar topladı
- Lyft, sürücü sınıflandırması davasında 272,5 milyon dolar ödeyecek
- GrayKey, iPhone’un 72 saatlik güvenlik kilidini aşabilir
- Grok’un Maduro operasyonunu Trump’a önerdiği iddia edildi
- GTA 6’nın hava sistemi yerel yağış ve kasırgalar sunacak
- Apple Arcade kataloğuna beş yeni oyun eklendi
- Dün
- Audible, yapay zekâ destekli interaktif hikâyeleri duyurdu
- Kena: Scars of Kosmora’nın çıkışı 2027’ye ertelendi
- Google Gemini Live, küçük yazıları okuyabilecek
- Android Central ekibi işten çıkarıldı, yayınlar sürecek
- Apple’ın HomePad ürünü için çıkış tarihi iddiası gündemde
- Google’ın uzay veri merkezleri için 1.800 Starship uçuşu gerekebilir