Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.02.2010, 22:23
Новичок на форуме
Отправить личное сообщение для Solker Посмотреть профиль Найти все сообщения от Solker
 
Регистрация: 26.02.2010
Сообщений: 2

Автообновление содержимого страници
На странице элемент с со стилем
postion:absolute; 
left: 10px;

Через jquery получаю его стиль
var $point = $('#point');
var $left = parseFloat($point.css('left'));

и назначаю заново, прибавив десяток.
$point.css('left', $left + 10 + 'px')

Все отлично работает. Но я хочу что бы элемент сам двигался на странице в цикле каждый раз прибавляя десяток.
for(i=0;i<10;i++)
{	
	$point.css('left', $left + 10 + 'px')
	i++;
	//Сюда надо добавить "ака Sleep(1)", что бы он не сразу перемещался, а постепенно.
}


Этот пример работает, но только тогда, когда совершается какое то действие, например нажатие клавиши и элемент сдвигается еще на одну позицию.

Мне же надо, что бы по загрузки страниц, элемент начинал плавно ползти вправо на 100 пикселей, без каких либо вмешательств.
Ответить с цитированием
  #2 (permalink)  
Старый 27.02.2010, 07:50
Аватар для sysya
Профессор
Отправить личное сообщение для sysya Посмотреть профиль Найти все сообщения от sysya
 
Регистрация: 27.12.2009
Сообщений: 292

Для анимации движения есть метод
$point.animate({left:'100px'}, 1000);//будет плавно ползти
//а если просто сдвинуть, например по клику на элемент, то:
$('#point').click(function(){

  var $point = $('#point'), $left = parseFloat($point.css('left'));

  $point.css('left', $left + 10 + 'px');

});
__________________
Нет предела совершенству...

Последний раз редактировалось sysya, 27.02.2010 в 07:59. Причина: добавить
Ответить с цитированием
  #3 (permalink)  
Старый 27.02.2010, 08:20
Новичок на форуме
Отправить личное сообщение для Solker Посмотреть профиль Найти все сообщения от Solker
 
Регистрация: 26.02.2010
Сообщений: 2

Необходимо именно на стилях. Или есть функция, которая отрисовывает таблицу, функции передаются какие клеточки закрасить. В цыкле прогоняем 10 раз, закрашиваются 10 клеточек с промежуток в 100мс. Опять же, если я делаю в цикле, то он просто зависает на пару секунд и появляется уже в другому месте.
Метод мне не подходит.

И обновление именно в цикле, а по одному действию оно и так сдвигается и сдвигалось.
Ответить с цитированием
  #4 (permalink)  
Старый 27.02.2010, 10:00
Аватар для sysya
Профессор
Отправить личное сообщение для sysya Посмотреть профиль Найти все сообщения от sysya
 
Регистрация: 27.12.2009
Сообщений: 292

С помощью стилей незя прокрутить в цыкле. Можно перебрать все элементы так
$('.point').each();
с идентификатором может быть только один элемент на странице, поэтому нужно использовать селектор по классу .point в примере
__________________
Нет предела совершенству...

Последний раз редактировалось sysya, 27.02.2010 в 10:12.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получение текстового содержимого из всех вложенных DOM EmDmAl Events/DOM/Window 8 02.12.2009 22:38
Автообновление данных из внешнего скрипта Nitay Events/DOM/Window 3 04.11.2009 18:03
помощь новичку - задача вывода содержимого нескольких страниц в одну новую samurau AJAX и COMET 2 03.11.2009 18:07
Частичное изменение содержимого элемента kuhok Events/DOM/Window 28 07.09.2009 21:44
открытие страници в Ifarame papa_misha Общие вопросы Javascript 3 07.05.2009 20:10