我怎麼能這樣做？縮小搜索結果我型

如果你點擊「搜索」，搜索欄下滑從上面。我可以在搜索框中輸入內容並按回車鍵搜索網站。我想知道是否有任何方法查看所有縮略圖，如果我鍵入「E」，則會隱藏除以「E」開頭的縮略圖之外的所有縮略圖。然後我輸入「El」，它提出了每個以「El」開頭的結果。然後我添加了一個「d」，它會調出每個縮略圖，標題以「Eld」開頭。就此而言，用戶可以輕鬆搜索遊戲頁面而無需重新加載。可能嗎？值得做什麼？

我精通jQuery和PHP。如果我的解釋沒有這樣做。看看。

謝謝！

來源

2011-11-19 alt

我剛纔做了這樣的事情。 Here是一個鏈接。

它的功能是在每次按鍵時觸發此事件，並將按下的按鍵與包含它的li進行匹配。它很好，但可以肯定地使用一些修改。下面的代碼：

$("#search").keyup(function(){ 
    $("li").hide(); 
    var term = $(this).val(); 
    $("li:contains('" + term + "')").show(); 
});

來源

2011-11-19 05:19:27 Purag

哇說得容易，然後我儘管！ – alt

然而：那只是鰭。我需要它從字母開始，閱讀左側 - >右側。 – alt

@JacksonGariety：確實如此。嘗試輸入帶有大寫的第一個「b」的「Bob」。這是它需要一些改進的地方。我可以花一些時間尋找一種方法將它與每個「li」內容的小寫版本進行匹配。 – Purag

基本上，你有一個JS（使用jQuery）代碼執行JSON調用來檢索巧合的名單已經輸入，因爲它去的字符串。它應該在輸入字段附近的div中顯示更新innerHTML或類似的東西。

下面是一個腳本/ servlet /服務，可以在每次輸入時調用它。

例子：http://woorkup.com/2010/09/13/how-to-create-your-own-instant-search/

來源

2011-11-19 05:23:00 Alfabravo

Purmou's so很多打火機你不會相信，謝謝你的嘖嘖，我會進一步檢查它Purmou和我不能想出更小的東西 – alt

我喜歡@Purmou處理它的方式，儘管你需要所有的東西如果你的頁面以這種方式工作，毫無疑問，他的方法是你的出路（簡單總是更好）如果你需要搜索一大堆遊戲，請查看tut。祝你好運 – Alfabravo

如果人們想要搜索整個網站......他們點擊「enter」。如果他們碰巧在一個支持我正在執行的「即時」事情的頁面上，它將開始縮小d自己的內容。我也可以在主頁上發佈帖子來做到這一點！：d – alt

我怎麼能這樣做？縮小搜索結果我型

回答

相關問題