Jump to content
  • 0

Как сделать строку таблицы ссылкой?


stosen
 Share

Question

Помогите, плиз решить проблему.

Нужно, чтобы строка таблицы была ссылкой.

Делаю

<a href="index.html"> 
<tr><td><input type='checkbox' name='n1'></td><td>NAME</td></tr>
</a>

В IE работает, а в Opera не хочет??

Может нужно как-то по-другому?

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0

Так сделать не получится. Во первых структура таблицы будет нарушаться (все должно быть так: <table><tr><td></td></tr>....</table> без лишних элементов), во вторых в ссылку можно вкладывать только встроенные элементы.. Тут надо делать либо с помощью JavaScript, либо как-то пытаться растянусь ссылку по всей ячейке...

Edited by Vialls
Link to comment
Share on other sites

  • 0
Помогите, плиз решить проблему.

Нужно, чтобы строка таблицы была ссылкой.

Делаю

<a href="index.html"> 
<tr><td><input type='checkbox' name='n1'></td><td>NAME</td></tr>
</a>

В IE работает, а в Opera не хочет??

Может нужно как-то по-другому?

Я вижу только одно решение -- в каждую ячейку целевой строки вложить ссылку со свойством "display: block". Если высота содержимого ячеек таблицы разная, то нужно ещё задать высоту ссылкам равную высоте самой высокой ячейки. Высоту можно вычислить и задать скриптом. Ссылки тоже можно повтыкать скриптом. Только нужно учесть случай, если скрипты отключены =).

Правда если в таблице есть расстояния между ячейками (cellSpacing или border-spacing), границы ячеек или отступы в ячейках, то все они не будут ссылками. Поэтому нужно ещё убрть отступы и границы у ячейки и придать их ссылкам в них.

Edited by Sochog
Link to comment
Share on other sites

  • 0
Помогите, плиз решить проблему.

Нужно, чтобы строка таблицы была ссылкой.

Делаю

<a href="index.html"> 
<tr><td><input type='checkbox' name='n1'></td><td>NAME</td></tr>
</a>

В IE работает, а в Opera не хочет??

Может нужно как-то по-другому?

stosen, как вы представляете себе поведение браузера при нажатии на чекбокс, являющийся одновременно частью ссылки??

Похоже, stosen, Вам нужна форма, а не ссылка. Чего вы вообще хотите добиться в итоге?

Link to comment
Share on other sites

  • 0
Похоже, stosen, Вам нужна форма, а не ссылка. Чего вы вообще хотите добиться в итоге?

Форма конечно же есть. Это просто фрагмент кода. В ней я могу удалять выбранные строки. А при нажатии на ссылку я перехожу на страницу с более подробной информацией о NAME.

Решение своей проблемы частично нашел.

 <tr onClick="location.href='index.html'"><td><input type='checkbox' name='n1'></td><td>NAME</td></tr>

Но теперь, нажимая на чекбокс, я перехожу по ссылке. Поставить на ячейку onClick? Но у меня еще несколько ячеек после NAME.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy