Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помогите с jquery поиском по странице (https://javascript.ru/forum/dom-window/37465-pomogite-s-jquery-poiskom-po-stranice.html)

Александр141 20.04.2013 23:07

Помогите с jquery поиском по странице
 
Имеется код
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
"></script>

<script type="text/javascript" src="highlight.js"></script>
<script type="text/javascript">
$(function() {
    $('#text-search').bind('keyup change', function(ev) {
        // pull in the new value
        var searchTerm = $(this).val();

        // remove any old highlighted terms
        $('body').removeHighlight();

        // disable highlighting if empty
        if ( searchTerm ) {
            // highlight the new term
            $('body').highlight( searchTerm );
        }
    });
});
</script>
<input type="text" id="text-search" />
Код:

.highlight {
    background-color: #fff34d;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}

Он выделяет найденный текст на странице. Как сделать, чтобы текст, который находится внизу страницы, этот код прокручивал к нему?

bret 22.04.2013 14:11

scrollTop в помощь

Александр141 22.04.2013 21:45

но я вообще не знаю javascript, не могли бы вы сделать готовый вариант?

bret 23.04.2013 02:23

Ну, если на все найденные элементы навешивается класс highlight, то попробуйте после 17 строки добавить
$(window).scrollTop($('.highlight:first').offset().top)

Александр141 23.04.2013 21:10

Большое спасибо!


Часовой пояс GMT +3, время: 16:58.