Javascript.RU

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

Использование скрипта для создания таблиц
Возвращаясь к теме "Получение кода цвета области".
Лабораторная не принята, так как создание таблиц должно происходить тоже при помощи скрипта. Как же задать html-код в цикле? Таблиц должно быть шесть, цвета изменяются плавно.
Вложения:
Тип файла: zip tablecolor.zip (1.1 Кб, 0 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 18.02.2011, 09:45
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

не надо файлами, для этого есть специальные инструменты, для постинга скриптов. И в чём вообще у вас трудности с созданием талиц
__________________
.
Ответить с цитированием
  #3 (permalink)  
Старый 18.02.2011, 10:39
Интересующийся
Отправить личное сообщение для schwind Посмотреть профиль Найти все сообщения от schwind
 
Регистрация: 09.02.2011
Сообщений: 19

Извините, файлом потому, что код очень длинный.
<head>
<title>colortable</title>
</head>
<body>
<table border="1" width=20% height=20%>
 <tr>
  <td bgcolor="#ff0000"></td>
  <td bgcolor=#cc0000>
</td>
<td bgcolor="#990000"></td>
  <td bgcolor="#660000"></td>
<td bgcolor="#330000"></td>
  <td bgcolor="#000000"></td>
 </tr>
 <tr>
  <td bgcolor="#ff0033"></td>
  <td bgcolor="#cc0033"></td>
<td bgcolor="#990033"></td>
  <td bgcolor="#660033"></td>
<td bgcolor="#330033"></td>
  <td bgcolor="#000033"></td>
 </tr>
 <tr>
  <td bgcolor=#FF0066></td>
  <td bgcolor=#cc0066></td>
<td bgcolor=#990066></td>
  <td bgcolor=#660066></td>
<td bgcolor=#330066></td>
  <td bgcolor=#000066></td>
 </tr>
 <tr>
  <td bgcolor="#ff0099"></td>
  <td bgcolor="#cc0099"></td>
<td bgcolor="#990099"></td>
  <td bgcolor="#660099"></td>
<td bgcolor="#330099"></td>
  <td bgcolor="#000099"></td>
 </tr>
 <tr>
  <td bgcolor="#ff00cc"></td>
  <td bgcolor="#cc00cc"></td>
<td bgcolor="#9900cc"></td>
  <td bgcolor="#6600cc"></td>
<td bgcolor="#3300cc"></td>
  <td bgcolor="#0000cc"></td>
 </tr>
 <tr>
  <td bgcolor="#ff00ff"></td>
  <td bgcolor="#cc00ff"></td>
  <td bgcolor="#9900ff"></td>
  <td bgcolor="#6600ff"></td>
  <td bgcolor="#3300ff"></td>
  <td bgcolor="#0000ff"></td>
 </tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
 <tr>
  <td bgcolor="#ff3300"></td>
  <td bgcolor=#cc3300>
</td>
<td bgcolor="#993300"></td>
  <td bgcolor="#663300"></td>
<td bgcolor="#333300"></td>
  <td bgcolor="#003300"></td>
 </tr>
 <tr>
  <td bgcolor="#ff3333"></td>
  <td bgcolor="#cc3333"></td>
<td bgcolor="#993333"></td>
  <td bgcolor="#663333"></td>
<td bgcolor="#333333"></td>
  <td bgcolor="#003333"></td>
 </tr>
 <tr>
  <td bgcolor=#FF3366></td>
  <td bgcolor=#cc3366></td>
<td bgcolor=#993366></td>
  <td bgcolor=#663366></td>
<td bgcolor=#333366></td>
  <td bgcolor=#003366></td>
 </tr>
 <tr>
  <td bgcolor="#ff3399"></td>
  <td bgcolor="#cc3399"></td>
<td bgcolor="#993399"></td>
  <td bgcolor="#663399"></td>
<td bgcolor="#333399"></td>
  <td bgcolor="#003399"></td>
 </tr>
 <tr>
  <td bgcolor="#ff33cc"></td>
  <td bgcolor="#cc33cc"></td>
<td bgcolor="#9933cc"></td>
  <td bgcolor="#6633cc"></td>
<td bgcolor="#3333cc"></td>
  <td bgcolor="#0033cc"></td>
 </tr>
 <tr>
  <td bgcolor="#ff33ff"></td>
  <td bgcolor="#cc33ff"></td>
  <td bgcolor="#9933ff"></td>
  <td bgcolor="#6633ff"></td>
  <td bgcolor="#3333ff"></td>
  <td bgcolor="#0033ff"></td>
 </tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
 <tr>
  <td bgcolor="#ff6600"></td>
  <td bgcolor=#cc6600>
</td>
<td bgcolor="#996600"></td>
  <td bgcolor="#666600"></td>
<td bgcolor="#336600"></td>
  <td bgcolor="#006600"></td>
 </tr>
 <tr>
  <td bgcolor="#ff6633"></td>
  <td bgcolor="#cc6633"></td>
<td bgcolor="#996633"></td>
  <td bgcolor="#666633"></td>
<td bgcolor="#336633"></td>
  <td bgcolor="#006633"></td>
 </tr>
 <tr>
  <td bgcolor=#FF6666></td>
  <td bgcolor=#cc6666></td>
<td bgcolor=#996666></td>
  <td bgcolor=#666666></td>
<td bgcolor=#336666></td>
  <td bgcolor=#006666></td>
 </tr>
 <tr>
  <td bgcolor="#ff6699"></td>
  <td bgcolor="#cc6699"></td>
<td bgcolor="#996699"></td>
  <td bgcolor="#666699"></td>
<td bgcolor="#336699"></td>
  <td bgcolor="#006699"></td>
 </tr>
 <tr>
  <td bgcolor="#ff66cc"></td>
  <td bgcolor="#cc66cc"></td>
<td bgcolor="#9966cc"></td>
  <td bgcolor="#6666cc"></td>
<td bgcolor="#3366cc"></td>
  <td bgcolor="#0066cc"></td>
 </tr>
 <tr>
  <td bgcolor="#ff66ff"></td>
  <td bgcolor="#cc66ff"></td>
  <td bgcolor="#9966ff"></td>
  <td bgcolor="#6666ff"></td>
  <td bgcolor="#3366ff"></td>
  <td bgcolor="#0066ff"></td>
 </tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
 <tr>
  <td bgcolor="#ff9900"></td>
  <td bgcolor=#cc9900>
</td>
<td bgcolor="#999900"></td>
  <td bgcolor="#669900"></td>
<td bgcolor="#339900"></td>
  <td bgcolor="#009900"></td>
 </tr>
 <tr>
  <td bgcolor="#ff9933"></td>
  <td bgcolor="#cc9933"></td>
<td bgcolor="#999933"></td>
  <td bgcolor="#669933"></td>
<td bgcolor="#339933"></td>
  <td bgcolor="#009933"></td>
 </tr>
 <tr>
  <td bgcolor=#FF9966></td>
  <td bgcolor=#cc9966></td>
<td bgcolor=#999966></td>
  <td bgcolor=#669966></td>
<td bgcolor=#339966></td>
  <td bgcolor=#009966></td>
 </tr>
 <tr>
  <td bgcolor="#ff9999"></td>
  <td bgcolor="#cc9999"></td>
<td bgcolor="#999999"></td>
  <td bgcolor="#669999"></td>
<td bgcolor="#339999"></td>
  <td bgcolor="#009999"></td>
 </tr>
 <tr>
  <td bgcolor="#ff99cc"></td>
  <td bgcolor="#cc99cc"></td>
<td bgcolor="#9999cc"></td>
  <td bgcolor="#6699cc"></td>
<td bgcolor="#3399cc"></td>
  <td bgcolor="#0099cc"></td>
 </tr>
 <tr>
  <td bgcolor="#ff99ff"></td>
  <td bgcolor="#cc99ff"></td>
  <td bgcolor="#9999ff"></td>
  <td bgcolor="#6699ff"></td>
  <td bgcolor="#3399ff"></td>
  <td bgcolor="#0099ff"></td>
 </tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
 <tr>
  <td bgcolor="#ffcc00"></td>
  <td bgcolor=#cccc00>
</td>
<td bgcolor="#99cc00"></td>
  <td bgcolor="#66cc00"></td>
<td bgcolor="#33cc00"></td>
  <td bgcolor="#00cc00"></td>
 </tr>
 <tr>
  <td bgcolor="#ffcc33"></td>
  <td bgcolor="#cccc33"></td>
<td bgcolor="#99cc33"></td>
  <td bgcolor="#66cc33"></td>
<td bgcolor="#33cc33"></td>
  <td bgcolor="#00cc33"></td>
 </tr>
 <tr>
  <td bgcolor=#FFcc66></td>
  <td bgcolor=#cccc66></td>
<td bgcolor=#99cc66></td>
  <td bgcolor=#66cc66></td>
<td bgcolor=#33cc66></td>
  <td bgcolor=#00cc66></td>
 </tr>
 <tr>
  <td bgcolor="#ffcc99"></td>
  <td bgcolor="#cccc99"></td>
<td bgcolor="#99cc99"></td>
  <td bgcolor="#66cc99"></td>
<td bgcolor="#33cc99"></td>
  <td bgcolor="#00cc99"></td>
 </tr>
 <tr>
  <td bgcolor="#ffcccc"></td>
  <td bgcolor="#cccccc"></td>
<td bgcolor="#99cccc"></td>
  <td bgcolor="#66cccc"></td>
<td bgcolor="#33cccc"></td>
  <td bgcolor="#00cccc"></td>
 </tr>
 <tr>
  <td bgcolor="#ffccff"></td>
  <td bgcolor="#ccccff"></td>
  <td bgcolor="#99ccff"></td>
  <td bgcolor="#66ccff"></td>
  <td bgcolor="#33ccff"></td>
  <td bgcolor="#00ccff"></td>
 </tr>
</table>
<br><br><br><br>
<table border="1" width=20% height=20%>
 <tr>
  <td bgcolor="#ffff00"></td>
  <td bgcolor=#ccff00>
</td>
<td bgcolor="#99ff00"></td>
  <td bgcolor="#66ff00"></td>
<td bgcolor="#33ff00"></td>
  <td bgcolor="#00ff00"></td>
 </tr>
 <tr>
  <td bgcolor="#ffff33"></td>
  <td bgcolor="#ccff33"></td>
<td bgcolor="#99ff33"></td>
  <td bgcolor="#66ff33"></td>
<td bgcolor="#33ff33"></td>
  <td bgcolor="#00ff33"></td>
 </tr>
 <tr>
  <td bgcolor=#FFff66></td>
  <td bgcolor=#ccff66></td>
<td bgcolor=#99ff66></td>
  <td bgcolor=#66ff66></td>
<td bgcolor=#33ff66></td>
  <td bgcolor=#00ff66></td>
 </tr>
<tr>
  <td bgcolor="#ffff99"></td>
  <td bgcolor="#ccff99"></td>
<td bgcolor="#99ff99"></td>
  <td bgcolor="#66ff99"></td>
<td bgcolor="#33ff99"></td>
  <td bgcolor="#00ff99"></td>
 </tr>
 <tr>
  <td bgcolor="#ffffcc"></td>
  <td bgcolor="#ccffcc"></td>
<td bgcolor="#99ffcc"></td>
  <td bgcolor="#66ffcc"></td>
<td bgcolor="#33ffcc"></td>
  <td bgcolor="#00ffcc"></td>
 </tr>
 <tr>
  <td bgcolor="#ffffff"></td>
  <td bgcolor="#ccffff"></td>
  <td bgcolor="#99ffff"></td>
  <td bgcolor="#66ffff"></td>
  <td bgcolor="#33ffff"></td>
  <td bgcolor="#00ffff"></td>
 </tr>
</table>
<script>
document.getElementsByTagName('table')[0].onclick=function(e){
 e=e?e.target:window.event.srcElement;
 if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[1].onclick=function(e){
 e=e?e.target:window.event.srcElement;
 if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[2].onclick=function(e){
 e=e?e.target:window.event.srcElement;
 if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[3].onclick=function(e){
 e=e?e.target:window.event.srcElement;
 if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[4].onclick=function(e){
 e=e?e.target:window.event.srcElement;
 if(e.tagName=='TD')alert(e.bgColor)
}
</script><script>
document.getElementsByTagName('table')[5].onclick=function(e){
 e=e?e.target:window.event.srcElement;
 if(e.tagName=='TD')alert(e.bgColor)
}
</script>
</body>
</HTML>
С созданием таблиц нет трудностей. Трудности с преподавателям:
"Отзыв от Учитель
Картинка участника Смирнов Сергей Витальевич
Смирнов Сергей Витальевич
Среда 16 Февраль 2011, 18:20"
Оценка: -
Используйте циклы. Вы представили пример "китайского кода"

Последний раз редактировалось schwind, 18.02.2011 в 10:42.
Ответить с цитированием
  #4 (permalink)  
Старый 18.02.2011, 10:41
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от schwind
Используйте циклы. Вы представили пример "китайского кода"
И он таки прав. Пора открыть для себя циклы.
Ответить с цитированием
  #5 (permalink)  
Старый 18.02.2011, 11:11
Интересующийся
Отправить личное сообщение для schwind Посмотреть профиль Найти все сообщения от schwind
 
Регистрация: 09.02.2011
Сообщений: 19

Так в курсе было использование циклов только для вывода данных, а для таблиц я не нашла. А времени нет уже!!! Завтра последний срок для сдачи!!!
Ответить с цитированием
  #6 (permalink)  
Старый 18.02.2011, 11:16
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Если вы привели весь ответ преподавателя, то он ничего не говорит про вывод таблицы в цикле. Вас не смущает 6 идентичных кусков кода?
document.getElementsByTagName('table')[0].onclick=function(e){
 e=e?e.target:window.event.srcElement;
 if(e.tagName=='TD')alert(e.bgColor)
}
Ответить с цитированием
  #7 (permalink)  
Старый 18.02.2011, 11:24
Интересующийся
Отправить личное сообщение для schwind Посмотреть профиль Найти все сообщения от schwind
 
Регистрация: 09.02.2011
Сообщений: 19

Ой, я что, не ту версию сдала?
там должно быть
document.getElementsByTagName('table')[].onclick=function(e){
e=e?e.target:window.event.srcElement;
if(e.tagName=='TD')alert(e.bgColor)
}

И разумеется, один раз.
Ответить с цитированием
  #8 (permalink)  
Старый 18.02.2011, 11:28
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от schwind
Ой, я что, не ту версию сдала?
Это уж вам лучше знать.

Сообщение от schwind
там должно быть
А вы это запускали?
Ответить с цитированием
  #9 (permalink)  
Старый 18.02.2011, 11:56
Интересующийся
Отправить личное сообщение для schwind Посмотреть профиль Найти все сообщения от schwind
 
Регистрация: 09.02.2011
Сообщений: 19

Короче, торопыжка был голодный, проглотил утюг холодный.
for (a=0;a<=5;a++)
{document.getElementsByTagName('table')[a].onclick=function(e){

 e=e?e.target:window.event.srcElement;

 if(e.tagName=='TD')alert(e.bgColor)}

}

А что касается
Сообщение от Kolyaj Посмотреть сообщение
Если вы привели весь ответ преподавателя, то он ничего не говорит про вывод таблицы в цикле.
Полностью задание выглядит так: "Необходимо создать файл html, который будет содержать в себе код JavaScript для выполнения следующих действий:
1) вставка в документ таблицы цветов RGB 6х6х6 (смотри пример ниже);
2) при нажатии на ячейку таблицы на экран выводится сообщение с кодом цвета в формате #RRGGBB."
Ответить с цитированием
  #10 (permalink)  
Старый 18.02.2011, 12:55
Кандидат Javascript-наук
Отправить личное сообщение для Иваннн Посмотреть профиль Найти все сообщения от Иваннн
 
Регистрация: 31.05.2010
Сообщений: 106

schwind,
Вопрос не по теме. А где вы учитесь? Я только начинаю изучение web программирования. Уже давольно долгло сижу над познанием js. Какой литературой пользуетесь? Есть ли (определенно есть) план изучения web технологий, ну последовательность изучения, например, html-->css>js>php&базы данных>мировое господство? и программы изучения каждого из пунктов.
Ответить с цитированием
Ответ


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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Использование window.open() для позиционирования окна в середине экрана marat-chessman Events/DOM/Window 13 14.08.2011 19:20
Некорректно работает функция для создания элементов exec Общие вопросы Javascript 4 13.07.2010 10:15
Создание скрипта! Создание диктанта для учеников! Елизавета Работа 10 30.06.2010 20:00
Изменение скрипта в программе для тестирования. Alex2030 Работа 0 26.11.2009 06:38
Либа для создания окон Кирпич Библиотеки/Тулкиты/Фреймворки 8 25.06.2008 15:44