Как сделать текст невыделимым?

Kenshi24 · September 24, 2010

Как сделать текст невыделимым через таблицу стилей?

npofopr · September 24, 2010

display:none;

Kenshi24 · September 24, 2010

Не невидимым, а невыделимым))

rash · September 24, 2010

Вам нужно, чтобы его было невозможно выделить, или чтобы выделение не было видно?

Первое сделать в CSS не получится, стили предназначены для другого. Ну или перекройте текст каким-нибудь прозрачным блоком, но это в общем-то «костыль».

SelenIT · September 24, 2010

Ну почему так радикально, в Гекко и Вебките таки можно...

psywalker · September 24, 2010

А я вот такую штуку замутил.

Попробуй сверху скопировать предложение и засунуть её в импут. Думаю не каждый захочет себе такую копию текста)

http://psywalker.ru/Forum/JS/Primitive/Zad...ovanieSlov.html

Ну почему так радикально, в Гекко и Вебките таки можно...

Дружище, а что делать с ИЕ и Оперой?

Vlad · September 24, 2010

Оригинальное решение. Как себя браузер поведет при большом тексте, пробовал?

SelenIT · September 24, 2010

что делать с ИЕ и Оперой?

По ссылке предлагают "In Internet Explorer and Opera, use the unSelectable attribute for similar functionality"

psywalker · September 24, 2010

Оригинальное решение. Как себя браузер поведет при большом тексте, пробовал?

При большом ведёт себя не очень, т.е. текст начинает правильно отображаться, но думаю, что это можно поправить, немного переделав скрипт.

	var text1 = document.getElementById('text');
	var span = text1.getElementsByTagName('span');
	var text2 = text1.innerHTML;
	var l = Math.floor(text2.length/1);
	var a = 1;
	for(var i=0;i<l;i++){
			a +=2*8
			var str = text2.replace(text2[a],text2[a]+'<span>п</span>');
			text1.innerHTML = str;
			text2 = text1.innerHTML;			


	}
	for(var i=0;i<span.length;i++){ 
		span[i].style.position = 'absolute';
		span[i].style.top = '-1000px';
		span[i].style.visibility = 'hidden';
	}

Вот я думаю, что допустим можно через каждое определённое кол-во букв просто обнулять переменную а, и всё.

SelenIT · September 24, 2010

Ах, ёлы-палы. Про защиту от копирования я, дурак, и не подумал, я сразу про интерфейсы подумал — драг-н-дропы там разные...

Lincky · September 24, 2010

Привет Макс.

Чет в хроме (6.0.....) у меня такое решение не работает.

rash · September 24, 2010

Ну почему так радикально, в Гекко и Вебките таки можно...

Гм, точно, думал только видом можно управлять.

С другой стороны мне это кажется странным — возможность или невозможность выделения — это поведение страницы, а не оформление.

psywalker · September 24, 2010

Привет Макс.
Чет в хроме (6.0.....) у меня такое решение не работает.

Здорово дружище.

Да, правда в хроме не пашет почему-то. Хотя если копировать этот текст например из ФФ в Хром, то работает.

Lincky · September 24, 2010

Здорово дружище.
Да, правда в хроме не пашет почему-то. Хотя если копировать этот текст например из ФФ в Хром, то работает.

)) я тож так сделал)) просто ты копируем из фф, где скрипт работает.

psywalker · September 24, 2010

)) я тож так сделал)) просто ты копируем из фф, где скрипт работает.

Но в хроме тоже скрипт вроде бы пашет, разве нет?

SelenIT · September 24, 2010

возможность или невозможность выделения — это поведение страницы, а не оформление

Насколько я понимаю, это скорее для веб-интерфейсов, где грань между одним и другим провести трудно. Хотя в вебе и так от интерактивности (и необходимости как-то отражать ее визуально) никуда не деться (тот же :hover)...

s0rr0w · September 24, 2010

Ну почему так радикально, в Гекко и Вебките таки можно...

Но недолго.

psywalker · September 24, 2010

Написал вроде кросс решение. Проверьте в хроме.

<!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>Копирование слов</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
	body { padding: 10px;}
	input { width: 1400px;}
	span { position: absolute; top: -1000px; display: block;}

</style>
</head>

<body>
<div id='text'>

При запуске вы увидите, что в принципе это обычный текст.
При запуске вы увидите, что в принципе это обычный текст.
При запуске вы увидите, что в принципе это обычный текст.
При запуске вы увидите, что в принципе это обычный текст.
</div>
<input type="text" value="" id="in" />
<textarea></textarea>

<script type="text/javascript">

	var text1 = document.getElementById('text');
	var span = text1.getElementsByTagName('span');
	var text2 = text1.innerHTML;
	var l = Math.floor(text2.length/1);
	var a = 1;
	for(var i=0;i<l;i++){
			a +=2*8
			var str = text2.replace(text2[a],text2[a]+'<span>п</span>');
			text1.innerHTML = str;
			text2 = text1.innerHTML;			


	}
</script>
</body>
</html>

Lincky · September 24, 2010

Но в хроме тоже скрипт вроде бы пашет, разве нет?

Скрипт вродь работает везде. Проблема в том, что не копируется содержимое спанов.

psywalker · September 24, 2010

Скрипт вродь работает везде. Проблема в том, что не копируется содержимое спанов.

см. пост выше.

Lincky · September 24, 2010

Не совсем кроссбраузерно. Недобраузер козлит. Или ты на ие6 не рассчитывал?

при копировании начинаю со слова текст и до конца не вставляютсся буквы "п". так задумано?

psywalker · September 24, 2010

Не совсем кроссбраузерно. Недобраузер козлит. Или ты на ие6 не рассчитывал?

Рассчитывал, короче нужно думать ещё тогда.

при копировании начинаю со слова текст и до конца не вставляютсся буквы "п". так задумано?

Ну да, тут уже зависит от фантазии, можно понасувать больше спанов и с другим интервалом.

SelenIT · September 24, 2010

s0rr0w, ну понятно, что защитить любой показываемый контент от копирования этим (как и любым другим, впрочем) способом невозможно, даже без файрбага . А вот для улучшения юзабилити (тот же псевдооконный интерфейс с заголовками для таскания, какие-нибудь "левые" тултипы и т.п.) — почему бы нет?..

s0rr0w · September 24, 2010

А вот для улучшения юзабилити (тот же псевдооконный интерфейс с заголовками для таскания, какие-нибудь "левые" тултипы и т.п.) — почему бы нет?..

Не "почему бы и нет", а обязательно! Тяни-и-кидай будет немного фигово работать без этих аттрибутов.

Sign In

Как сделать текст невыделимым?

Question

Link to comment

Share on other sites

23 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information