Сегодня 3 августа, воскресенье

Какой рейтинг вас больше интересует?

получить код

Главная / Каталог блогов / Cтраница блогера coding4.net / Запись в блоге

	coding4.net Голосов: 1 Адрес блога: http://www.coding4.net/ Добавлен: 2012-06-11 20:16:46

Как подсветить строку таблицы по поисковой строке используя jQuery ?

2012-09-06 14:35:00 (читать в оригинале)

Недавно меня спросили возможно ли подсветить ячейку таблицы основываясь на переданной поисковой строке, используя jquery. Вот как это сделать. Трюк состоит в использовании селекторов

http://docs.jquery.com/Selectors

<html xmlns="http://www.w3.org/1999/xhtml">

<head >
<title>Search and highlight Border Color on Hover</title>
    <script src="http://code.jquery.com/jquery-latest.js"
type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $(".someClass").hover(
function() {
    $("td:contains('Row 1, Column 1')").css("border", "Solid Brown 1px");
},
function() {
    $("td:contains('Row 1, Column 1')").css("border", "");
});
    });
</script>
</head>

<body>
<form id="form1" >
<table id="tblOuter" class="someClass" style="width:50%">
<tr>
<td>Row 0, Column 0</td>
<td>Row 0, Column 1</td>
<td>Row 0, Column 2</td>
</tr>
<tr>
<td>Row 1, Column 0</td>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 0</td>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>
</form>
</body>
</html>

Таким образом, когда пользователь проводит мышей над таблицей, то подсвечивается ячейка с координатами: строка 1, колонка 1. Текст захардкожен здесь жестко, но может быть просто переделан, на прием значений из textbox-а.

После того, как ваш сайт заработал на тестовом сервере, самое время подумать о его публикации. Если вам нужно доменное имя или хостнинг в Украине, то предлагаю воспользоваться сервисом хостинг Украина

Тэги: (решение), javascript, полезный, сайт, сделать

Блограйдеров
14516

Блогов
219965
(+0 сегодня)

Сообществ
1311
(+0 сегодня)

ЖЖ все стерпит
по количеству голосов (152) в категории «Истории»

Категория «Наблюдения»

Взлеты Топ 5


+1482	1510	Juri13139
+1449	1484	Elen_i_rebyata
+1430	1508	Дрочливый_Драчун
+1419	1505	Малти_Ошер
+1349	1590	@дневники: ~ Mikeko ~ - Пусть все думают, что было так! :)

Падения Топ 5


-3	1184	Сайт визажиста Мокровой Инны блог
-5	1434	Экспериментальный блог
-7	5	afrika-abr
-7	85	Народные методы, средства, способы лечения.
-8	41	Elephant_Talk

Загрузка...

BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.