|
|
Процесс взаимодействия с юзером. Фрагменты текста
Вначале мы проштудируем класс TextRange и возможности управления текстом страницы, которые им предоставляются.
Процесс взаимодействия с юзером. Фрагменты текста. Примерчик странички с, а также заменяемым текстом
А сейчас сотворим небольшую Web-страницу, текст коей юзер имеет возможность варьировать, просто выделив его, а также нажав кнопочку Изменить. Предусмотрим также поле ввода и кнопочку отыскать для поиска текстовых строк в документе.
Code <HTML>
<HEAD>
<TITLE>Работа с Текстом</TITLE>
<SCRIPT>
Var rgn = null;
Данная глобальная переменная будет хранить гиперссылку на объект TextRange. Дело в факте того, что мы дали возможность юзеру искать текст на странице, и
В момент поиска будет организован объект TextRange, посредством коего возможно варьирование фрагмента, который найден. Вот сей объект TextRange и будет тут храниться.
Code Function editText () {
Данная ф-ия вызывается во время нажатия кнопки поменять.
Var sr1, str2;
If (rgn == null) {
Когда объект TextRange еще не организован
If (documentt. Selection. TYPE== "none ") {
И когда юзер ничего не выделил
Window. Alert ("Сначала выделите любой текст. ");
Return;
}
Отображаем на экран предостережение и выходим из ф-ии.
Else
Rgn = document. Selection. CreateRange ();
}
В противном случае образуем объект TextRange, который вмещает в себе фрагмент документа, который выделен.
Str1 = rgn. HTMLText;
Str2 = window. Prompt ("Введите новый текст...", str1);
Отображаем на монитор окно с полем ввода, где юзер обязан будет вести новый текст.
If (str2! = null) rgn. PasteHTML (str2);
Document. Selection. Empty ();
Rgn = null;
}
Когда юзер на самом деле написал новый текст, а также нажал кнопочку ОК, вставляем его на место старого контента TextRange. И в обязательном порядке обнуляем переменную rgn.
Автор: hohol | Дата добавления: 21.09.2024
|