Как сделать ячейки таблицы кликабельными?

L
На сайте с 17.05.2013
Offline
88
6537

Есть таблица:

<table class="tab">

<tr>

<td class="noclick">First</td>

<Td class="CLICK">Second</td>

<td class="noclick">Third</td>

</tr>

</table>

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

Sheremet
На сайте с 01.06.2012
Offline
85
#1

Вписать в нее <a> и _blank

UI/UX. Разработка крупных интернет магазинов (http://polyarix.com). Дизайн сайтов | React, Angular | WP | Laravel |HTML5 баннеры (/ru/forum/comment/15344987)
L
На сайте с 17.05.2013
Offline
88
#2

У меня очень много ячеек <Td class="CLICK">Second</td>

В каждую вписывать это не феншуй.

Как сделать как здесь

IL
На сайте с 20.04.2007
Offline
435
#3
luckydan:
в новом окне открывалась ссылка на нужную страницу?

А как определить, какая страница является нужной?

<td class="noclick">First</td>
<Td class="CLICK">Second</td>
<td class="noclick">Third</td>
... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
Sheremet
На сайте с 01.06.2012
Offline
85
#4

ну так вы ведь не уточнили, что масса ячеек.

Как в примере - это работа скрипта.

L
На сайте с 17.05.2013
Offline
88
#5
ivan-lev:
А как определить, какая страница является нужной?

урлы формируются в цикле. Для каждой строки будет типа http://site.com/id.html

Как в примере - это работа скрипта.

Это и так ясно. Как реализовать такой скрипт?

siv1987
На сайте с 02.04.2009
Offline
427
#6

$('.tab .CLICK').click(function(){

window.open($(this).text(), '_blank');

});

L
На сайте с 17.05.2013
Offline
88
#7

Подскажите как в этот яваскрипт передать айди строки. В данном случае id_1.

<tr id="id_1">

<td class="noclick">First</td>

<Td class="CLICK"> word1</td>

<Td class="CLICK">word2</td>

<Td class="CLICK">word3</td>

<td class="noclick">Third</td>

</tr>

Тоесть хочу сделать так:

window.open("http://site.com/"+$(this).tr_id+".html", '_blank');

siv1987
На сайте с 02.04.2009
Offline
427
#8


$('.tab td.CLICK').click(function(){
var id = $(this).parent().attr('id');
if(id){
window.open("http://site.com/"+id+".html", '_blank');
}
});
L
На сайте с 17.05.2013
Offline
88
#9

Спасибо! Все получилось)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий