ГЛАВНАЯ     АРХИВ     НАПИСАТЬ АДМИНУ     ПОДПИСАТЬСЯ НА RSS     ВОЙТИ      

Поиск

Категории

Облако тегов

  << Предыдущий пост       Следующий пост >>  
От: 4aIIaeB
6. сентября 2012 14:35

Недавно меня спросили возможно ли подсветить ячейку таблицы основываясь на переданной поисковой строке, используя 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-а.

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

Похожие записи


Вопросы на собеседовании C#, Net, ASP.NET, SQL
Продолжая тему вопросов на собеседовании. Нашел еще одну подборку. Оригинал лежит здесь . Перенес, чтобы не затерялось. Есть вполне вменяемые ответы (хотя, на некоторые вопросы ответил бы по-другому). Ответы находятся после списка вопросов, я их не менял. 23. Что такое шаблон проектирования Model/View/Controller? Как и зачем его применяют? 2...

Способы заработка на сайте
На этом блоге было много постов про производство и раскрутку сайтов. Но пока не было про заработок на них. Пора исправить этот недочет. Здесь будут описаны по возможности не фантастичные, и не супер низко прибыльные способы. Также упор будет сделан именно на организацию процесса, а не технических деталях, которых в обилии в интернете. Несмотря на то, что как пр...

Silverlight, HTML5 и непрозрачная стратегия развития Microsoft
Оригинал статьи взят отсюда: Silverlight, HTML5 и непрозрачная стратегия развития Microsoft Автор: Peter Bright Переводчик: Mairon     По непонятным мне на данный момент причинам, похоже, что многие разработчики, присутствовавшие на недавней конференции PDC-2010 (Крупнейшая конференция Microsoft для разработчиков — Прим. переводчика), были сильн...

Добавить комментарий




biuquote
  • Комментарий
  • Предпросмотр
Loading


  Сохранить комментарий