Вопросы по сайту

mar · Отправлено: **14:57, 07-06-2007** | #10

Пример со сменой фона ячейки таблицы на JavaScript
Пример очень старый, сейчас можно спокойно оставить только то, что внутри if, а еще лучше использовать полностью css

PHP код:


<html>                 

<head>

<title>TD BackGround color</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<META NAME="author" CONTENT="Maryanna Nesina Email: webmaster@mail.bio.pu.ru">



<script language="JavaScript">

<!-- 



// Maryanna Nesina



// http://www.webprogramming.boom.ru

// This script allows to change <td> BackColor while pointer moves over the table cell

// Скрипт меняет цвет ячейки при проведении над ней курсора мыши

// One function thar get cell id and color to use

// Usage onMouseOver="ChangeBgColor('your_cell_name','color_you_want')"

//       onMouseOut="ChangeBgColor('your_cell_name','color_you_want')"

// Использование: onMouseOver="ChangeBgColor('имя_ячеки','нужный_цвет')"

//       onMouseOut="ChangeBgColor('имя_ячеки','нужный_цвет')"

// As for NN4 it is better to use Layers (you can convert tables to Layers via shareware Dreamweaver)

// Что касается NN4 - используйте Layers (таблицу можно перевести в слои при помощи shareware Dreamweaver)

function ChangeBgColor(id,color){

  //

   if (document.getElementById) { //IE5,6 , NN6, Mozilla - DOM LAYER1

         var td = document.getElementById(id); 

         td.style.backgroundColor=color;

    }

   if (document.all) document.all[id].style.background=color; //IE4, Opera5

}

// -->

</script>

</head>

<body>

<table border="3">

<tr>

 <td id="a" onMouseOver="ChangeBgColor('a','red')" onMouseOut="ChangeBgColor('a','blue')" bgcolor="blue">

Для  броузеров, поддерживающих DOM Layer1 - IE5,6 , NN6, Mozilla 

<br>и имеющих понятие о document.all IE4, Opera5



</td>

</tr>

<tr>

 <td id="b" onMouseOver="ChangeBgColor('b','blue')" onMouseOut="ChangeBgColor('b','red')" bgcolor="red">

Проведите мышкой над ячеками таблицы

<br>

</td>

</tr>



</table>

</body>

</html>