Использование скрипта для создания таблиц
Вложений: 1
Возвращаясь к теме "Получение кода цвета области".
Лабораторная не принята, так как создание таблиц должно происходить тоже при помощи скрипта. Как же задать html-код в цикле? Таблиц должно быть шесть, цвета изменяются плавно. |
не надо файлами, для этого есть специальные инструменты, для постинга скриптов. И в чём вообще у вас трудности с созданием талиц
|
Извините, файлом потому, что код очень длинный.
<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" Оценка: - Используйте циклы. Вы представили пример "китайского кода" |
Цитата:
|
Так в курсе было использование циклов только для вывода данных, а для таблиц я не нашла. А времени нет уже!!! Завтра последний срок для сдачи!!!
|
Если вы привели весь ответ преподавателя, то он ничего не говорит про вывод таблицы в цикле. Вас не смущает 6 идентичных кусков кода?
document.getElementsByTagName('table')[0].onclick=function(e){ e=e?e.target:window.event.srcElement; if(e.tagName=='TD')alert(e.bgColor) } |
Ой, я что, не ту версию сдала?
там должно быть document.getElementsByTagName('table')[].onclick=function(e){ e=e?e.target:window.event.srcElement; if(e.tagName=='TD')alert(e.bgColor) } И разумеется, один раз. |
Цитата:
Цитата:
|
Короче, торопыжка был голодный, проглотил утюг холодный.
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)} } А что касается Цитата:
1) вставка в документ таблицы цветов RGB 6х6х6 (смотри пример ниже); 2) при нажатии на ячейку таблицы на экран выводится сообщение с кодом цвета в формате #RRGGBB." |
schwind,
Вопрос не по теме. А где вы учитесь? Я только начинаю изучение web программирования. Уже давольно долгло сижу над познанием js. Какой литературой пользуетесь? Есть ли (определенно есть) план изучения web технологий, ну последовательность изучения, например, html-->css>js>php&базы данных>мировое господство? и программы изучения каждого из пунктов. |
Часовой пояс GMT +3, время: 14:32. |