Еще одна задачка по JavaScript) - JavaScript, Ajax

artemavd · 20.11.2008, 13:35

Вот код, который создает на страничке четыре синие окошка с цифрами:

PHP код:


			
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>



<head>

<title> 2 oe задание </title>

<link href="http://195.68.160.173/3/img/lpnew/main.css" rel="stylesheet" type="text/css">

</head>



<body>

<div class="hdr_area_2">



  <table class="width toplinks">

    <tr>

        <td class="toplinksleft"> <span> 1 </span> </td>

        <td> <span> 2 </span> </td>

        <td> <span> 3 </span> </td>

        <td> <span> 4 </span> </td>

    </tr>

</table>



</body>



</html>

Помогите мне переделать этот код так, чтобы он делал вот что:

Реализовать подсветку строки и столбца
Чтобы При наведении мышки на ячейку строка и столбец, содержащие данную ячейку должны "подсвечиваться" (т.е. тем или иным образом выделяться).

.
Изначально при загрузке странички ячейки должны быть белыми, а при наведении, например, на первую ячейку, она должна выделяться каким-то цветом (подсвечиваться). Как это сделано loveplanet например. Если честно, то я и табличку эту оттуда взял)). Но я также не могу изменить цвет ячейки, потому что там стоит ссылка "http://195.68.160.173/3/img/lpnew/main.css" и когда я ее удаляю, то остаются только числа((. Помогите пожалуйста доделать страничку. Фото странички тоже выложил.

Doda · 20.11.2008, 17:55

Со строкой достаточно просто:

Код HTML:

.class_1 TD {width:50px;  text-align:center; border-right:1px solid #84bcd8;}
.class_1 TR {background-color:#0879b1;}
.class_1 TR:hover {background-color:#fff;  repeat-x 0 0}

Это содержимое css-ки, соответственно к таблице прикручиваешь класс class_1. А вот столбец сложнее, видимо все таки надо ковырять javascript.

20.11.2008, 17:55	#2
Doda Пользователь Регистрация: 21.11.2007 Сообщений: 64	Со строкой достаточно просто: Код HTML: .class_1 TD {width:50px; text-align:center; border-right:1px solid #84bcd8;} .class_1 TR {background-color:#0879b1;} .class_1 TR:hover {background-color:#fff; repeat-x 0 0} Это содержимое css-ки, соответственно к таблице прикручиваешь класс class_1. А вот столбец сложнее, видимо все таки надо ковырять javascript.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
еще одна задачка	koston	Помощь студентам	4	09.04.2008 18:43
Еще одна маленькая задачка в Excel	Vinni_puh	Microsoft Office Excel	1	18.02.2008 01:49
Еще одна задача	felice	Паскаль, Turbo Pascal, PascalABC.NET	2	03.02.2008 14:32
И еще одна online-игра	Селезин	Gamedev - cоздание игр: Unity, OpenGL, DirectX	12	30.03.2007 22:14
еще одна задача в BP	Jasper	Паскаль, Turbo Pascal, PascalABC.NET	2	05.12.2006 15:13