Якорь перед строкой таблицы

Я динамически генерирую свой код в PHP и добавляя ID atribut от базы данных к якорной части href. Это выглядит следующим образом:Якорь перед строкой таблицы

PHP

<table> 
<tr><th>ID</th></tr> 
<?php 
if ($stmt = $mysqli->prepare("SELECT id FROM table;")) { 

    $stmt->execute();     
    $stmt->bind_result($id); 

    while ($stmt->fetch()) { 
     echo '<a href="somepage.php?id='.$id.'"><tr>...</tr></a>' 
    } 

    .... //closing the statment + error 
?> 
</table>

Что сгенерирована HTML:

<a href="somepage.php?id=1></a> 
<a href="somepage.php?id=2></a> 
<a href="somepage.php?id=3></a> 
<a href="somepage.php?id=4></a> 
.... 
<tr>....</tr> 
<tr>....</tr> 
<tr>....</tr> 
<tr>....</tr> 
....

Почему не <tr>...</tr> внутри <a> и почему это не кликабельны?

Я попытался добавить некоторый стиль к <a> (display,width,height), но не повезло.

Как это исправить?

источник

2013-04-15 Vucko

просто дикая догадка, но я думаю, что

может содержать только определенный набор элементов, а «» не является одним из них? –

@STTLCU Мне нужно что-то сделать с этим. Но даже если я поместил '' внутри '

', он показывает ту же проблему. Но если я ставлю '

', то он будет работать. Но мне нужно, чтобы вся строка была нажата. Какие у меня варианты? С JS? – Vucko

Тег '' не может содержать элементы уровня блока, такие как '

'. – Rikesh

ответ

Установить ссылку как ID в вашей строке таблицы, например:

<table> 
    <tr id='http://www.google.com/'> 
     <td>foo</td> 
     <td>bar</td> 
    </tr> 
    <tr id='http://www.stackoverflow.com/'> 
     <td>foo</td> 
     <td>bar</td> 
    </tr> 
</table>

использования этого мало JQuery скрипт для обнаружения щелкнул строк/ссылка

$('tr').click(function() { 
    var id = $(this).attr('id'); 
    alert(id); 
});

источник

2013-04-15 12:06:09

Используемый класс вместо ID. Работает . Tnx – Vucko

Пометка с tr внутри a недействительна, и все ставки отключены. Вы не можете сделать tr такой ссылкой в HTML, хотя вы можете использовать JavaScript для связывания с ним обработчика onclick. В чистом HTML вам нужно будет сделать содержимое каждой ячейки отдельно ссылкой, <td><a href=...>...</a></td>.

источник

2013-04-15 11:13:57

Затем, как выбрать строку с нажатой JS/JQuery? Например, если я нажму на row1, то он перенаправит меня в row1? Проблема с селектором. – Vucko

Смежные вопросы