::selection для IE

Selen · March 10, 2011

Нормальные браузеры поддерживают! Кроме Лисы)

Для нее есть ::-moz-selection

А как же другой ушастый зверь ? Как приучить осла ?

swetlana · March 10, 2011

яваскриптом :unsure:

не впервой

wanntuzz · March 10, 2011

Ты форумом ошибся! :unsure: Это к животноводам!

Selen · March 10, 2011

Ты форумом ошибся! Это к животноводам!

А если у меня вопрос по Opera будет ? Мне, что ? На музыкальном форуме запостить ? :unsure:

psywalker · March 10, 2011

Такое на ЖС даже не просто сделать, если честно. Но точно на нём. Так как это свойство поддерживается только в Мозиле

swetlana · March 10, 2011

почему только в мозилле?

document.selection.createRange().text в ослике будет работать ведь

а вообще, вот: http://msdn.microsoft.com/en-us/library/ms535872(VS.85).aspx

Edited March 10, 2011 by swetlana

SelenIT · March 10, 2011

swetlana, ну а что с этим рейнджем дальше делать-то? Отслеживать изменения (по всем событиям клавиатуры/мыши? по таймеру?) и... каждый раз рисовать прямоугольники (VML-линии?) под каждой строкой из getClientRects()? Или оборачивать рейндж в специальный спан (предварительно убив старый)? Мне что-то сходу лучше идей не приходит, а из этих ни одна хорошей не кажется...

psywalker · March 10, 2011

почему только в мозилле?
document.selection.createRange().text в ослике будет работать ведь.
а вообще, вот: http://msdn.microsoft.com/en-us/library/ms535872(VS.85).aspx

Свет, ну а дальше то что? Ну выделишь ты текст, а смысл? С ним же надо что то делать. Вот смастерил тут один вариант для нормальных браузерах. Способ основанный на range()

Смотреть в ФФ!

p.s. Говоря про то, что это поддерживает только Мозила, я имел ввиду про псевдоэлемент ::selection

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>range()</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
	#wrap {}
	span { background:-moz-linear-gradient(left ,red 50%, green 70%, blue 100%);
}



</style>
</head>

<body>
<div id="wrap">
А это обычный текст, на него можно забить.Выделяем два параграфа и меняем их на дивыВыделяем два параграфа и меняем их на дивыА это обычный текст, на него можно забить.
</div>


<script type="text/javascript">
var wrap = document.getElementById('wrap');
wrap.onmouseup = range
	function range(){

		var rng = document.createRange();
		var sel = window.getSelection();
		rng = sel.getRangeAt(0);
		var span = document.createElement('span');
		rng.surroundContents(span);
/*		var frag = rng.extractContents();
		wrap.appendChild(frag);*/

	}	

</script>

</body>
</html>

Sign In

::selection для IE

Question

Selen

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

swetlana

Link to comment

Share on other sites

wanntuzz

Link to comment

Share on other sites

Selen

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

swetlana

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information