Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Нужен javascript!!!

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: Нужен скрипт, меняющий фон ячеек при нажатии
Поиск в теме | Версия для печати
SeR
Отправлено: 23 Марта, 2011 - 19:21:14
Post Id


Новичок


Покинул форум
Сообщений всего: 22
Дата рег-ции: Март 2011  


Помог: 0 раз(а)
Всем привет!
Мне нужен скрипт, который будет делать следующее:есть 4 ячейки белого фона, если нажать на одну из них, она станет, например, красной, а если нажать на другую, то первая опять будет белой, а вторая красной и т.д.
Помогите кто-нибудь!!!!!
 
 Top
grefon
Отправлено: 23 Марта, 2011 - 19:23:30
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 823
Дата рег-ции: Нояб. 2010  


Помог: 32 раз(а)
Скрипт надо именно на javascript, или можно на jquery?


-----
____________________________________________________________________
Ну как то так, наверное.
http://grefon[dot]com
 
 Top
SeR
Отправлено: 23 Марта, 2011 - 19:25:36
Post Id


Новичок


Покинул форум
Сообщений всего: 22
Дата рег-ции: Март 2011  


Помог: 0 раз(а)
grefon пишет:
Скрипт надо именно на javascript, или можно на jquery?

да хоть php, главное чтобы работал исправно!

(Отредактировано автором: 23 Марта, 2011 - 19:25:49)

 
 Top
ALEN
Отправлено: 23 Марта, 2011 - 19:26:29
Post Id



Участник


Покинул форум
Сообщений всего: 1459
Дата рег-ции: Авг. 2008  
Откуда: Крым


Помог: 11 раз(а)
SeR
Ну так передавай массив кнопок например в скрипт, все делай белыми, а второй аргумент передавай id той ячейки которую делать красной.
document.getElementById(id) + события в помощь
 
 Top
SeR
Отправлено: 23 Марта, 2011 - 19:29:03
Post Id


Новичок


Покинул форум
Сообщений всего: 22
Дата рег-ции: Март 2011  


Помог: 0 раз(а)
ALEN пишет:
Ну так передавай массив кнопок например в скрипт, все делай белыми, а второй аргумент передавай id той ячейки которую делать красной.
document.getElementById(id) + события в помощь

я бы сделал, но я в javascriptе полный нуб(
я тока его начал изучать и плохо понимаю
 
 Top
grefon
Отправлено: 23 Марта, 2011 - 19:35:39
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 823
Дата рег-ции: Нояб. 2010  


Помог: 32 раз(а)
Ща сделаю. Погодите минут 15.


-----
____________________________________________________________________
Ну как то так, наверное.
http://grefon[dot]com
 
 Top
SeR
Отправлено: 23 Марта, 2011 - 19:36:48
Post Id


Новичок


Покинул форум
Сообщений всего: 22
Дата рег-ции: Март 2011  


Помог: 0 раз(а)
grefon пишет:
Ща сделаю. Погодите минут 15.

ок, подожду
 
 Top
grefon
Отправлено: 23 Марта, 2011 - 19:49:11
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 823
Дата рег-ции: Нояб. 2010  


Помог: 32 раз(а)
CODE (html):
скопировать код в буфер обмена
  1. <style>
  2. .colorclass {
  3.         background-color:gray;
  4. }
  5. #tableAnim td{
  6.         border-style: solid;
  7.         border-width: 1px;
  8. }
  9. </style>
  10.  
  11. <script type="text/javascript" language="JavaScript" src="http://yandex.st/jquery/1.4.2/jquery.min.js"></script>
  12. <script type="text/javascript">
  13. $(document).ready(function() {
  14.         $("#tableAnim td").click(function(){
  15.                 $("*").removeClass("colorclass");
  16.                 $(this).addClass("colorclass");
  17.         });
  18. });
  19. </script>
  20.  
  21. <table id="tableAnim" style="width: 100%">
  22.         <tr>
  23.                 <td>Ячейка 1</td>
  24.                 <td>Ячейка 2</td>
  25.                 <td>Ячейка 3</td>
  26.                 <td>Ячейка 4</td>
  27.         </tr>
  28. </table>
  29.  
  30.  

(Отредактировано автором: 23 Марта, 2011 - 19:49:41)



-----
____________________________________________________________________
Ну как то так, наверное.
http://grefon[dot]com
 
 Top
SeR
Отправлено: 23 Марта, 2011 - 19:52:37
Post Id


Новичок


Покинул форум
Сообщений всего: 22
Дата рег-ции: Март 2011  


Помог: 0 раз(а)
grefon СПАСИБО!!!
 
 Top
SAD
Отправлено: 23 Марта, 2011 - 20:00:10
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2508
Дата рег-ции: Май 2009  
Откуда: Днепропетровск, Украина


Помог: 75 раз(а)
CODE (html):
скопировать код в буфер обмена
  1. <script>
  2. function changebg(obj) {
  3.     var td = document.getElementsByTagName('td');
  4.     for (var i = 0; i < td.length; i++)
  5.        td[i].style.backgroundColor = 'white';
  6.    obj.style.backgroundColor = 'red';
  7. }
  8. </script>
  9. <style>
  10. table{border: 1px solid black;}
  11. </style>
  12. <html>
  13. <table width="400" height="200">
  14. <tr>
  15. <td onclick="changebg(this);"></td>
  16. <td onclick="changebg(this);"></td>
  17. <td onclick="changebg(this);"></td>
  18. <td onclick="changebg(this);"></td>
  19. </tr>
  20. </table>
  21. </html>

(Добавление)
зачем еще jquery сюда пихать?

(Отредактировано автором: 23 Марта, 2011 - 20:01:48)

 
 Top
grefon
Отправлено: 23 Марта, 2011 - 20:56:45
Post Id



Частый посетитель


Покинул форум
Сообщений всего: 823
Дата рег-ции: Нояб. 2010  


Помог: 32 раз(а)
SAD, можно и на javascript-е. Просто мне на jquery удобней Улыбка
А в Вашем скрипте есть один недочет - зря Вы используете getElementsByTagName потому как в коде могут быть еще таблицы.


-----
____________________________________________________________________
Ну как то так, наверное.
http://grefon[dot]com
 
 Top
ALEN
Отправлено: 23 Марта, 2011 - 21:14:32
Post Id



Участник


Покинул форум
Сообщений всего: 1459
Дата рег-ции: Авг. 2008  
Откуда: Крым


Помог: 11 раз(а)
grefon
Отображена суть работы кода, а дальше уже использовать сам алгоритм и подбивать для себя.
 
 Top
JustUserR
Отправлено: 24 Марта, 2011 - 17:38:13
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)
grefon пишет:
Просто мне на jquery удобней
Использование средств jquery framework, осуществляющего константное определение и исполнение предполагаемых действий в разделеном внешнем элементном уровне трактования, относительно которого не обеспечивается требуемая синхронизация для интегрируемых значений статических связных фунциональных обеъектов обработки базовых событий, и внедряемых координационных элементов в среднем уровне трактования


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB