Форум

schwind · #1 (**permalink**) 18.02.2011, 10:41

Возвращаясь к теме "Получение кода цвета области".
Лабораторная не принята, так как создание таблиц должно происходить тоже при помощи скрипта. Как же задать html-код в цикле? Таблиц должно быть шесть, цвета изменяются плавно.

Skipp · #2 (**permalink**) 18.02.2011, 10:45

не надо файлами, для этого есть специальные инструменты, для постинга скриптов. И в чём вообще у вас трудности с созданием талиц

schwind · #3 (**permalink**) 18.02.2011, 11:39

Извините, файлом потому, что код очень длинный.

<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"
Оценка: -
Используйте циклы. Вы представили пример "китайского кода"

Kolyaj · #4 (**permalink**) 18.02.2011, 11:41

Сообщение от schwind

Используйте циклы. Вы представили пример "китайского кода"

И он таки прав. Пора открыть для себя циклы.

schwind · #5 (**permalink**) 18.02.2011, 12:11

Так в курсе было использование циклов только для вывода данных, а для таблиц я не нашла. А времени нет уже!!! Завтра последний срок для сдачи!!!

Kolyaj · #6 (**permalink**) 18.02.2011, 12:16

Если вы привели весь ответ преподавателя, то он ничего не говорит про вывод таблицы в цикле. Вас не смущает 6 идентичных кусков кода?

document.getElementsByTagName('table')[0].onclick=function(e){
 e=e?e.target:window.event.srcElement;
 if(e.tagName=='TD')alert(e.bgColor)
}

schwind · #7 (**permalink**) 18.02.2011, 12:24

Ой, я что, не ту версию сдала?
там должно быть

document.getElementsByTagName('table')[].onclick=function(e){
e=e?e.target:window.event.srcElement;
if(e.tagName=='TD')alert(e.bgColor)
}

И разумеется, один раз.

Kolyaj · #8 (**permalink**) 18.02.2011, 12:28

Сообщение от schwind

Ой, я что, не ту версию сдала?

Это уж вам лучше знать.

Сообщение от schwind

там должно быть

А вы это запускали?

schwind · #9 (**permalink**) 18.02.2011, 12:56

Короче, торопыжка был голодный, проглотил утюг холодный.

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, 13:55

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

Форум

Справочник

Discord чат

Курсы javascript