[ главная ]   [ рейтинг статей ]   [ справочник радиолюбителя ]   [ новости мира ИТ ]



Ответов: 0
25-02-12 07:01







   Web - программирование
PHP


ASP






XML



CSS

SSI





   Программирование под ОС











   Web - технологии








   Базы Данных









   Графика






Данные




Web - программирование / HTML /

Oбъект TextRange

Большинство разработчиков динамических web страниц привыкли использовать свойства innerText/innerHTML и outerText/outerHTML, однако для работы с текстом в Internet Explorer существует более сильный инструмент - объект TextRange, что в переводе на русский язык означает "Текстовая Область". Данный объект содержит множество методов для работы с текстом, важно что он не содержит в себе текст и элементы, а просто позволяет работать и обращаться к ним.

В начале своего знакомства с объектом, я был удивлен теми возможностями которые он представляет разработчику, с их помощью я легко смог реализовать некотрые идеи которые раньше я даже не представлял как сделать.

Забегая вперед, давайте посмотрим, что мы можем делать с помощью этого объекта, а далее подробно разберем эти примеры и не только...

Пример 1.

Данный абзац содержит несколько предложений. Выберите вариант форматирования абзаца. Элементы управления находятся снизу!

Выделить

Здесь были задействованы методы: moveToElementText, move, expand, execCommand.


Пример 2.

Данный текст подлежит цензуре, так как он содержит не нормативную лексику. Кликнув на слово подлежащее цензуре вы измените содержание и смысл текста. Кликните в любое слово этого абзаца!

Здесь были задействованы методы: moveToPoint, expand, pasteHTML.

Объект TextRange создается несколькими способами:

1. С помощью метода createTextRange в теле документа BODY:

MyTextRange = document.body.createTextRange();

2. С помощью метода createTextRange только в элементах textarea, BUTTON, и INPUT TYPE=text

MyTextRange = document.all[MyTextAreaId] .createTextRange(); MyTextRange = document.all[MyButtonId] .createTextRange(); MyTextRange = document.all[MyInputId] .createTextRange();

3. С помощью метода createRange для текстового выделения document.selection, в своих примерах для наглядности я буду использовать этот способ наиболее часто.

MyTextRange = document.selection.createRange();

Объект TextRange обладает следующими свойствами и методами:

Методы Свойства
collapse boundingHeight
compareEndPoints boundingLeft
duplicate boundingTop
execCommand boundingWidth
expand htmlText
findText offsetLeft
getBookmark offsetTop
getBoundingClientRect text
getClientRects  
inRange  
isEqual  
move  
moveEnd  
moveStart  
moveToBookmark  
moveToElementText  
moveToPoint  
parentElement  
pasteHTML  
queryCommandEnabled  
queryCommandIndeterm  
queryCommandState  
queryCommandSupported  
queryCommandValue  
scrollIntoView  
select  
setEndPoint  




Комментарии

 Ваш комментарий к данному материалу будет интересен нам и нашим читателям!



Последние статьи: Web - программирование / HTML /

Основные тэги html
05-03-2010   

Указывает программе просмотра страниц что это HTML документ. Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. Определяет видимую часть документа... подробнее

Кол. просмотров: общее - 5429 сегодня - 1

Определение наличия Flash-pluginа средствами HTML
29-04-2009   

По статистике, около 90% пользователей в наши дни пользуются Internet Explorer (5-й или 6-й версией). В этих браузерах Flash, как правило, уже установлен... подробнее

Кол. просмотров: общее - 3145 сегодня - 0

Оценка XHTML
29-04-2009   

Эту статью в 2000 году написал небезызвестный веб-разработчик Петер-Пауль Кох (Peter-Paul Koch), который поддерживает один из лучших ресурсов по JavaScript... подробнее

Кол. просмотров: общее - 3205 сегодня - 0


Основы HTML 4.0
29-04-2009   

Всего несколько лет назад браузер Mosaic произвел сенсацию воспроизведением простых веб-страниц. Те дни давно канули в прошлое. Сегодня веб-страницы становятся все более сложными, как и применяемые для их создания технологии... подробнее

Кол. просмотров: общее - 3314 сегодня - 5



  WWW.COMPROG.RU - 2009-2012 | Designed and Powered by Zaipov Renat | Projects