Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 02.08.2012, 16:52
mau mau вне форума
Новичок на форуме
Отправить личное сообщение для mau Посмотреть профиль Найти все сообщения от mau
 
Регистрация: 02.08.2012
Сообщений: 3

Сообщение от Octane Посмотреть сообщение
Ну в чем проблема, сохраняйте ссылку на измененный элемент и потом возвращайте его в исходное состояние. А лучше вообще не el.style менять, а просто CSS-класс (el.className).
Простите за глупый вопрос, я только начинаю разбираться в js. Как сохранить ссылку на измененный элемент и потом вернуть его в исходное состояние. Заранее благодарен!
Ответить с цитированием
  #12 (permalink)  
Старый 02.08.2012, 17:48
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

mau,
Вообще - классически - это добавлять класс с прописанным новым стилевым оформлением в стилях - и удалять все данные классы при установке класса на новый элемент(хотя бывают причины не придерживацо классики, если делаем анимацию данных свойст не через css - а скриптом) или иной алгоритм
Ответить с цитированием
  #13 (permalink)  
Старый 02.08.2012, 18:20
mau mau вне форума
Новичок на форуме
Отправить личное сообщение для mau Посмотреть профиль Найти все сообщения от mau
 
Регистрация: 02.08.2012
Сообщений: 3

Это все хорошо. Но так как я только начинаю писать на js из ваших слов я понял лишь, что нужно:
а) добавить класс стилевого оформления;
б) удалить другие классы используемые элементом к которому я хочу применить класс созданный в пункте "а";
в) применить созданный в пункте "а" класс к нужному мне элементу;
Но я понятия не имею как сделать пункт "б". Это раз.
Во-вторых мне непонятно как применить класс к нужному мне элементу из обработчика события не связанного с этим элементом. В данном случае это строка таблицы.
Например я щелкаю один раз по строке. Событие onClick меняет цвет заливки. ОК. Я щелкаю по другой строке. Событие onClick меняет цвет заливки и возвращает цвет заливки предыдущей строки. Вот как поменять цвет заливки предыдущей строки мне собственно говоря и не понятно.
Ответить с цитированием
  #14 (permalink)  
Старый 02.08.2012, 18:29
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

mau,
С
Сообщение от mau
а) добавить класс стилевого оформления;
И б) При клике на новый элемент - убираем всюду добавленный исключительно данный класс
И ставим его только у текущего
Сообщение от mau
от как поменять цвет заливки предыдущей строки мне собственно говоря и не понятно.
В классе у Вас и прописан новый цвет заливки - убираете класс - возвращается исходная заливка

Последний раз редактировалось Deff, 02.08.2012 в 18:32.
Ответить с цитированием
  #15 (permalink)  
Старый 02.08.2012, 19:11
mau mau вне форума
Новичок на форуме
Отправить личное сообщение для mau Посмотреть профиль Найти все сообщения от mau
 
Регистрация: 02.08.2012
Сообщений: 3

Цитата:
убираем всюду добавленный исключительно данный класс
Если не сложно элементарный пример можете показать. Достаточно двух строк. Например: add(class), removeall(class). Буду очень благодарен. Когда очень много незнакомого копать очень тяжело. Спасибо. Разобрался)

Последний раз редактировалось mau, 02.08.2012 в 19:30. Причина: разобрался
Ответить с цитированием
  #16 (permalink)  
Старый 02.08.2012, 19:40
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type">
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
</head>
<body style="text-align:center;padding-top:34px;">
<center>

<style>
table td {
  background:#3BDE3B;
}
table td.Active {
  background:#FC9090;
}
</style>

<table border='1'>
 <tbody>
   <tr>
      <td>ячейка 1</td><td>ячейка 2</td><td>ячейка 3</td>
  </tr>
     <tr><td>ячейка 4</td><td id=My>ячейка 5</td><td>ячейка 6</td>
  </tr>
  <tr>
     <td>ячейка 7</td><td>ячейка 8</td><td>ячейка 9</td>
  </tr>
 </tbody>
</table>

</center>
<script type="text/javascript">
$("table td").click (function() {
  $("table td").removeClass('Active');
  $(this).addClass('Active');
});
</script>


</body>
</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое удаление строк таблицы Tankist Events/DOM/Window 16 03.07.2013 16:42
изменение ширины столбцов таблицы yngwie19 Элементы интерфейса 10 11.11.2009 17:22
Динамическое изменение <input text> baal1988 Events/DOM/Window 4 24.08.2008 17:17
Динамическое изменение границ между столбцами таблицы srgg Элементы интерфейса 3 10.08.2008 14:40
Динамическое изменение размеров изображения Макс Элементы интерфейса 7 21.07.2008 16:55