Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

словарь

Обсуждение темы словарь в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте! Хочу попросить, если кто может, написать скрипт поиска слов на страничке (и только на страничке) таким образом, чтобы при вклеивании или введении ...


Закрытая тема
 
Опции темы
Старый 18.12.2008, 16:48   #1
Здравствуйте! Хочу попросить, если кто может, написать скрипт поиска слов на страничке (и только на страничке) таким образом, чтобы при вклеивании или введении слова в поле и нажатии кнопки поиска, страница открывалась в том месте, где это слово. Это будет словарь оцифрованный, такой же последовательностью слов и значений, как бы вы держали в руках книгу. И каждому слову я присваиваю свой <b id="что-то">слово</b>
Так вот, можно ли, чтобы открывался участок страницы, где это слово (то есть как якорь-внутреняя ссылка), либо может есть более простой способ, не присваивая каждому слову <b id="что-то">слово</b>
Буду бесконечно благодарен!
 
Старый 18.12.2008, 16:48
Ссылки
Старый 18.12.2008, 17:26   #2
Такой скрипт уже написан разработчиком браузера. Нажмите Ctrl+F и введите слово.
 
Старый 18.12.2008, 17:27   #3
kost, 5+
 
Старый 18.12.2008, 19:37   #4
Страница целиком

Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<title>Test</title>
<meta http-equiv="Content-language" content ="ru" />
<script src="/scripts/jquery/jquery.js" type="text/javascript"></script>
<style>
div
{
	padding:20px 20px;
}
</style>
</head>
<body>
<input type="text" id="word" />
<input type="button" id="wordsbm" />

<div><b class="word">Привет</b></div>
<div><b class="word">Пока</b></div>
<div><b class="word">Да</b></div>
<div><b class="word">Нет</b></div>
<div><b class="word">Слово</b></div>
<div><b class="word">Hello</b></div>
<div><b class="word">World</b></div>
<div><b class="word">All</b></div>

<script type="text/JavaScript">
    goToWord = function(word) {
        $('.word').each(function() {
        if (this.innerHTML == word)
                window.scrollTo(0, $(this).offset().top);
        });
    }

    $('#wordsbm').click(function() {
        goToWord($('#word').attr('value'));
    });   
</script>
PS. Это с использованием jquery (use Google)
без jquery можно, но тогда ручками писать offset().

Последний раз редактировалось kost; 18.12.2008 в 22:57..
 
Старый 18.12.2008, 19:37
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Словарь жаргона оптимизаторов Nikolai Popkov Кальянная 1 19.07.2005 19:42
Словарь технических сокращений master Кальянная 5 02.04.2004 02:04
Составим толковый словарь по программированию Dio's de Lammos HTML, CSS, JavaScript 2 18.11.2003 15:19


Текущее время: 12:15. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум