таблица и изменение её
помогите пожалуйста осуществить одну вещицу, собтвенно задача заключается в:
в первом, нужно цвета разные, т.е.первая полоса(выделена) зеленая, потом тыкаешь на другую опцию, вторая полоса зеленая, и т.д., а вторая надо сделать таблицу чтобы она меняла границы....там ниже нарисованно http://narod.ru/disk/9443531000/skfB1D2.JPG.html ссылка на задание skfB1D2.JPG |
А помочь чем?
|
всем... знаю как кнопки сделать, но как сосбственно это всё в единое сделать...не могу...не представляю вообще как границы менять....помоги сделать плиз)
|
поможет кто?
|
Помочь могут, но писать за вас не будут. Что непонятно -- спрашивайте, ничего не понятно -- в раздел "Работа". За деньги кто-нибудь да напишет. Хотя может и так кто-нибудь напишет :)
|
хорошо, каким образом можно связать кнопки и нарисованную таблицу? чтобы, при нажатии одно кнопки первая вертикальная граница таблицы становилась другим цветом? по нажатию второй вторая..и т.д.
|
|
ха! а поконкретнее? как сделать именно одну вертикальную полоску таблицы другого цвета....??
|
сделать все содержащиеся в ней ячейки другого цвета
получить доступ к ячейке можно с помощью table_element.cells[i].rows[j] |
хм...не получается(( вот что есть...
<html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Новая страница 1</title> </head> <body> <p> </p> <p> </p> <p> </p> <p> <p> <select name="option123"> <option selected="selected">Choose option</option> <option value="1" onClick="table.style.border=\'dashed\'">1</option> <option value="2" onClick="table.style.border=\'solid\' ">2</option> <option value="3" onClick="table.style.border=\'dotted\' ">3</option> </SELECT> <p> <select name="D1"> <option selected="selected">Choose option</option> <option value="1" onClick=" ; ">1</option> <option value="2" onClick=" ; ">2</option> <option value="3" onClick=" ; ">3</option> </SELECT> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; float: right; width: 650; height: 400" bordercolor="#111111" id="table"> <tr> <td width="201" style="border: 1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#FFFFFF"> </td> <td width="216" style="color: #FFFFFF"> </td> <td width="221" style="color: #FFFFFF"> </td> </tr> <tr> <td width="201" style="border: 1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#FFFFFF"> </td> <td width="216" style="color: #FFFFFF"> </td> <td width="221" style="color: #FFFFFF"> </td> </tr> <tr> <td width="201" style="border: 1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; color:#FFFFFF"> </td> <td width="216" style="color: #FFFFFF"> </td> <td width="221" style="color: #FFFFFF"> </td> </tr> </table> </body> </html> надо на кнопку вывести изменение границы: 1. левая зеленая 2. втоорая вертикальная зеленая 3 - 3 . 4 - 4 |
| Часовой пояс GMT +3, время: 05:55. |