Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.12.2010, 21:09
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Выделение текста, передвижение элемента
Заметил на этом сайте одну интересную вещь. Если я хочу процитировать какое либо сообщение пользователя, то мне достаточно его просто выделить, нажать на опредилённую ссылку и оно сразу появляется в поле ввода для отправки сообщения. Как сделать подобную штуку?)
И ещё один вопрос, покажите пжл как плавно передвинуть элемент из одной стороны в другую, например, на 50px? Я слышал о методе animate, но не разобрался как им воспользоваться..
Ответить с цитированием
  #2 (permalink)  
Старый 31.12.2010, 23:37
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

http://2007.fastcoder.ru/articles/?aid=609
Ответить с цитированием
  #3 (permalink)  
Старый 05.01.2011, 20:20
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

Сообщение от monolithed Посмотреть сообщение
http://2007.fastcoder.ru/articles/?aid=609
Чувак, там всё заумно)) Не мог бы ты дать пример простенький?
Ответить с цитированием
  #4 (permalink)  
Старый 06.01.2011, 00:50
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

(Sandr) куда еще проще?
Ответить с цитированием
  #5 (permalink)  
Старый 06.01.2011, 09:38
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

Пример правильной анимации элемента:
<style type="text/css">
div {background:#eeeeee; border:1px black solid; width:50px; height:50px; position:absolute; top:50px;}
</style>

<script type="text/javascript">
function delta(progress) {
    return progress;
}

function animate(element){
var from = 0; // Начальная координата X
var to = 500; // Конечная координата X
var duration = 1000; // Длительность - 1 секунда
var start = new Date().getTime(); // Время старта

setTimeout(function() {
    var now = (new Date().getTime()) - start; // Текущее время
    var progress = now / duration; // Прогресс анимации

    var result = (to - from) * delta(progress) + from;

    element.style.left = result + "px";

    if (progress < 1) // Если анимация не закончилась, продолжаем
        setTimeout(arguments.callee, 10);
}, 10);
}
</script>

<div id="example" style="left:0px;" onclick="animate(this)">кликни на меня</div>

Подробнее читай в статье "Основы программной анимации на JavaScript".

А по выделению:
Из той статьи пример:
<div onmouseup="alert($selection.getText())" style="border:1px dashed #999; color:#666; background:#EEE; padding:2px 5px; margin:10px 0;">
	Соберем микс из <b>жирности</b>, <em>курсива</em> и <a href="#">ссылки</a> и повыделяем здесь.
</div>

<script type="text/javascript">//<![CDATA[
$selection = {
	getText : function() {
		var txt = '';
		if (txt = window.getSelection) {
			txt = window.getSelection().toString();
		} else {
			txt = document.selection.createRange().text;
//			document.selection.empty();
		}
		return txt;
	}
}
//]]>
</script>

Последний раз редактировалось Vulkan, 06.01.2011 в 09:41.
Ответить с цитированием
  #6 (permalink)  
Старый 06.01.2011, 12:47
Профессор
Отправить личное сообщение для (Sandr) Посмотреть профиль Найти все сообщения от (Sandr)
 
Регистрация: 14.10.2010
Сообщений: 376

всем спсб)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
выделение текста в input'e z700i Общие вопросы Javascript 1 27.10.2010 21:57
Выделение текста в текстовом поле. Как снять выделение с пробела вконце? Roman Koff Events/DOM/Window 10 01.07.2010 16:48
Замена текста элемента label сщдержащего другие элементы kostepanych Events/DOM/Window 5 26.11.2009 00:02
Выделение текста при использовании слайдера x00xer Firefox/Mozilla 8 29.09.2009 07:45
кросс-браузерное выделение текста evgen28 Общие вопросы Javascript 4 28.04.2009 16:38