Arama butonu
Bu konudaki kullanıcılar: 1 misafir
6
Cevap
8976
Tıklama
0
Öne Çıkarma
HTML site içi kelime arama. HELP!
W
11 yıl
Çavuş
Konu Sahibi

Merhaba arkadaşlar, ben bi liste oluşturdum fiyatlar falan da var. Eklemek istediğim şey arama butonu, işlevi ise "CTRL+F" nin yaptığı işlev.
Yani;
Malzeme adı ----- Marka ----- Fiyat
12----------------mrk----------1tl
13----------------mrk----------1tl
14----------------mrk----------1tl
15----------------mrk----------1tl
16----------------mrk----------1tl

listemiz bu ben 16 malzemesini aratıcam üstte bir search box olacak. oraya 16 yazdığımda satır seçilmiş olacak. Yani;
Malzeme adı ----- Marka ----- Fiyat
12----------------mrk----------1tl
13----------------mrk----------1tl
14----------------mrk----------1tl
15----------------mrk----------1tl
16----------------mrk----------1tl

Yardım edebilecek olan var mı ? ACİL!



A
11 yıl
Yüzbaşı

html bi dinamik değil statiktir bunun için server taraflı calısan bir dile ihtiyacım var.
site içi arama motoru koyacaksan googlenin arama motoruyla arama yaptırabilirsin dilersen ama tam istediğini karşılamıyor.
datalarını aratacaksan illa bir veritabanı ve server side bir dil lazım


Bu mesaja 1 cevap geldi.
W
11 yıl
Çavuş
Konu Sahibi

quote:

Orijinalden alıntı: ahmtbrk58

html bi dinamik değil statiktir bunun için server taraflı calısan bir dile ihtiyacım var.
site içi arama motoru koyacaksan googlenin arama motoruyla arama yaptırabilirsin dilersen ama tam istediğini karşılamıyor.
datalarını aratacaksan illa bir veritabanı ve server side bir dil lazım

Ben bir şekilde bunu çözümledim. CTRL+F kombinasyonunun java script kodunu bulup siteye uyarladım. Bir de yukarıya arama butonu koydum. Siteye giren CTRL+F yapmak yerine kutucuğa malzeme adını yazıp enter yapınca malzeme adına hareket edip seçili alan yapıyor.
Şuan asıl sorun şu ki; ben tamamlama istiyorum. Yani google gibi. Mesela Facebook'u bulucam
Yazdığım: fac
Altta listelenenler:
face
facebook
facebook2
facebook3

benim sistemime uygun olarak
Yazdığım:6310 (<-- malzeme kodu)
Altta listelenenler:
6310
6310 ZZ
6310 2RS
6310 ZZ C3
6310 2RS C3

Umarım anlatabilmişimdir :)


Bu mesaja 2 cevap geldi.
H
11 yıl
Yüzbaşı

Bu yaptığınız kodu verebilir misiniz?



< Bu ileti tablet sürüm kullanılarak atıldı >


Bu mesajda bahsedilenler: @dgknbzglu
J
11 yıl
Çavuş

quote:

Orijinalden alıntı: dgknbzglu

quote:

Orijinalden alıntı: ahmtbrk58

html bi dinamik değil statiktir bunun için server taraflı calısan bir dile ihtiyacım var.
site içi arama motoru koyacaksan googlenin arama motoruyla arama yaptırabilirsin dilersen ama tam istediğini karşılamıyor.
datalarını aratacaksan illa bir veritabanı ve server side bir dil lazım

Ben bir şekilde bunu çözümledim. CTRL+F kombinasyonunun java script kodunu bulup siteye uyarladım. Bir de yukarıya arama butonu koydum. Siteye giren CTRL+F yapmak yerine kutucuğa malzeme adını yazıp enter yapınca malzeme adına hareket edip seçili alan yapıyor.
Şuan asıl sorun şu ki; ben tamamlama istiyorum. Yani google gibi. Mesela Facebook'u bulucam
Yazdığım: fac
Altta listelenenler:
face
facebook
facebook2
facebook3

benim sistemime uygun olarak
Yazdığım:6310 (<-- malzeme kodu)
Altta listelenenler:
6310
6310 ZZ
6310 2RS
6310 ZZ C3
6310 2RS C3

Umarım anlatabilmişimdir :)

Bunu kullanarak yapabilirsin hocam.

Mesala bir örnek;

 
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
var sonuclar = [
'6310',
'6310 ZZ',
'6310 2RS',
'6310 ZZ C3',
'6310 2RS C3'
];
$( "#ara" ).autocomplete({
source: sonuclar
});
});
</script>
</head>
<body>


<label for="ara">Arama yap: </label>
<input id="ara">



</body>
</html>



Bu mesaja 2 cevap geldi.
O
11 yıl
Çavuş

eğer sadece sayfa içinde yapıcaksan javascipt kullanabilirsin fakat tabi bulunduğun sayfa dışında arama yaptıramazsın. bunun için server side programlama dillerinden faydalanman gerekir



W
11 yıl
Çavuş
Konu Sahibi

quote:

Orijinalden alıntı: jebi

quote:

Orijinalden alıntı: dgknbzglu

quote:

Orijinalden alıntı: ahmtbrk58

html bi dinamik değil statiktir bunun için server taraflı calısan bir dile ihtiyacım var.
site içi arama motoru koyacaksan googlenin arama motoruyla arama yaptırabilirsin dilersen ama tam istediğini karşılamıyor.
datalarını aratacaksan illa bir veritabanı ve server side bir dil lazım

Ben bir şekilde bunu çözümledim. CTRL+F kombinasyonunun java script kodunu bulup siteye uyarladım. Bir de yukarıya arama butonu koydum. Siteye giren CTRL+F yapmak yerine kutucuğa malzeme adını yazıp enter yapınca malzeme adına hareket edip seçili alan yapıyor.
Şuan asıl sorun şu ki; ben tamamlama istiyorum. Yani google gibi. Mesela Facebook'u bulucam
Yazdığım: fac
Altta listelenenler:
face
facebook
facebook2
facebook3

benim sistemime uygun olarak
Yazdığım:6310 (<-- malzeme kodu)
Altta listelenenler:
6310
6310 ZZ
6310 2RS
6310 ZZ C3
6310 2RS C3

Umarım anlatabilmişimdir :)

Bunu kullanarak yapabilirsin hocam.

Mesala bir örnek;

 
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
var sonuclar = [
'6310',
'6310 ZZ',
'6310 2RS',
'6310 ZZ C3',
'6310 2RS C3'
];
$( "#ara" ).autocomplete({
source: sonuclar
});
});
</script>
</head>
<body>


<label for="ara">Arama yap: </label>
<input id="ara">



</body>
</html>



Teşekkür ederim dostum :)



DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.