Я создаю поисковую систему в ASP.NET, которая покажет продукты, а не ссылки, мой вопрос - это то, что является трюком или функцией javascript, когда пользователь вводит свой поиск в строке поиска, результаты, такие как google, я хочу, чтобы эта функциональность в моей поисковой системеСоздание поисковой системы, как google
ответ
$("header input").on("input", function(){
if(this.value.length > 0){
$("header").addClass("hasValue");
}
});
*{box-sizing: border-box; margin:0;}
header{
position: absolute;
top:50%; left:50%;
transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
text-align: center;
padding: 16px 24px;
}
header input{
display: block;
vertical-align: top;
padding: 8px;
border-radius: 3px;
border:1px solid #ccc;
}
/* ONCE INPUT HAS VALUE: */
header.hasValue{
position:relative;
top:0; left:0;
transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%);
text-align:left;
background:#eee;
}
header.hasValue input{
display:inline-block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header>
<img src="//placehold.it/80x33/f0f/fff?text=LOGO" alt="LOGO">
<input type="search" placeholder="Search products">
</header>
спасибо за понимание, что я пытался задать –
@MuhammadMateen, пожалуйста. Пожалуйста, в следующий раз покажите немного HTML, CSS того, что вы пробовали, было бы легче начать откуда-то, а не делать все с нуля! Счастливое кодирование –
J-запрос не работает для меня, я думаю, или мой CSS ошибочен, я также установил j-запрос в моем проекте и вставлял его в свой заголовок в проекте asp.net, но всякий раз, когда я что-то писал, ничего не случилось, я знаю, почему Я думаю, что j-запрос внутри тега скрипта не работает для меня или, пожалуйста, помогите –
Этот bootsnip имеет поле поиска в бутстрап-навигаторе. не http://bootsnipp.com/snippets/featured/navbar-search-add-on-bs-3
и если вы искали машинописные библиотеки https://github.com/bassjobsen/Bootstrap-3-Typeahead
спасибо за беспокойство, увидим эти ссылки –
Я не знаю, как вы строите поисковую систему электронной коммерции портала, нет какого-либо трюк, за что. вы можете достичь аналогичной функциональности в путях. Предлагаю взглянуть на основы.
- 1. Создание поисковой системы базы данных, как Google
- 2. Создание страницы поисковой системы
- 3. Создание поисковой системы
- 4. Запрос поисковой системы Google?
- 5. Создание поисковой системы в Интернете
- 6. Создание GUI для поисковой системы
- 7. Создание поисковой системы вашего сайта
- 8. Создание простой модели поисковой системы
- 9. Запрос поисковой системы Google Chrome
- 10. Время отклика поисковой системы Google
- 11. Уточнить результат поисковой системы Google
- 12. Окно поисковой системы Google с поисковой системой Google
- 13. Идентификатор поисковой системы
- 14. Создание профилей поисковой системы - доступно для поиска?
- 15. создание поисковой системы в python django
- 16. Создание поисковой системы с использованием PDO/PHP
- 17. Создание простой поисковой системы с текстовым файлом
- 18. Создание простой поисковой системы с фильтрами
- 19. Создание пользовательской поисковой системы с asp.net
- 20. Создание поисковой системы в разных таблицах
- 21. Компоненты поисковой системы
- 22. Symfony2 стратегия поисковой системы
- 23. Сравните результаты моей поисковой системы с google
- 24. Автозаполнение пользовательской поисковой системы Google для мест
- 25. Переадресация поисковой системы
- 26. Интерфейс поисковой системы интранета?
- 27. Запрос поисковой системы Google из сценария python
- 28. AngularJS/AJAX сканеры поисковой системы
- 29. Улучшение поисковой системы
- 30. URL-адрес поисковой системы
не уверен, что вы после этого. Является ли это функцией автозаполнения? вы можете уточнить? –
Я имею в виду, это довольно конкретное действие. Я не думаю, что для этого есть «трюк» или универсальная функция javascript. Вы просто должны написать код. – Jonesopolis
У вас есть скриншот, который объясняет? –