Şimdi Ara

HTML site içi kelime arama. HELP!

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
1 Misafir - 1 Masaüstü
5 sn
7
Cevap
0
Favori
8.756
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • 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!







  • 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
  • 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 yaptığınız kodu verebilir misiniz?

    < Bu ileti tablet sürüm kullanılarak atıldı >
  • 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>





  • 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
  • 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 :)




  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.