HTML+CSS+JavaScript

Большое всем спасибо!!!!!!! очень вам благодарен!!!
тема закрыта!

Вот так сделал я: легко и быстро...
Тут я использовал ссылку, можно использоватеть простой <p></p>, но обязательно нужно вписать тогда id="_link";
Если менять id, то его надо менять как в теге так и в функциях - Вот тут getElementById('ВОТ ТУТ').
Ну а так всё ОК и работает это во всех броузерах.... :-))

<html> <head> <title>Untitled</title> <script type="text/javascript" language="JavaScript"> var col=new Array('rgb(255,255,255)','rgb(0,0,0)'); function white() { document.getElementById('_link').style.color = col[0]; } function black() { document.getElementById('_link').style.color = col[1]; } </script> </head> <body onload='black()'> <a href="#" id="_link" onmouseout="black()" onmouseover="white()">LINK</a> </body> </html>

В функции Hilite() вам нужно запомнить цвет ссылки перед ее измененим

if(elemA == null) return; else saveAColor = elemA.style.color;

А в функции Restore() заново этот цвет присвоить.

var elemA = getA(element); if(elemA == null) return; else elemA.style.color=saveAColor;

function Hilite() { var elemA = getA(element); if(elemA == null) return; else saveAColor = elemA.style.color; var elemTD = element; saveBGColor = elemTD.bgColor; elemTD.bgColor = myHilightColor; elemTD.style.cursor="default"; elemTD.style.color = "white"; elemA.style.color = "white"; window.status = elemA.href; } function Restore() { var elemTD = element; elemTD.bgColor = saveBGColor; var elemA = getA(element); if(elemA == null) return; else elemA.style.color=saveAColor;

если делать на яве то можно написать две функции подобной выше описанной и мной данной.

одна функция делат белый цвет( white() ) а другая черный (black)

теперь в таблице делаем так
onmouseover="white()" - выполняется когда мышка наводится
onmouseout="black()" - выполняется когда мышку убираешь с этого места
Ладно жди ща напишу!

вОТ НА ПОДЕРЗАЙ ВЫ НЕ ПРАВИЛЬНО ВСЁ ДЕЛАЛИ, НАДО ДЕЛАТЬ ВСЁ В rgb
Т.Е. ЦВЕТ объявлять по (255,255,255), посмотрите вот в примере!
файл прикреплен!
ИЛИ вот как можно шрифт уменьшается и увеличивается при этом идет смена цвета который хранится в массиве col
setinterval - функция которая переодически вызывает другую

<html> <head> <title>Untitled</title> <script type="text/javascript" language="JavaScript"> var _size=0; var d=10; var text=0; var a=1; function colo() { var col=new Array('rgb(12,25,0)','rgb(0,255,0)','rgb(0,255,20)','rgb(12,255,12)','rgb(31,255,13)' ,'rgb(255,255,120)' ,'rgb(255,255,50)' ,'rgb(255,200,0)' ,'rgb(255,120,0)' ,'rgb(255,100,0)' ,'rgb(255,40,0)' ,'rgb(255,0,0)','rgb(120,0,0)','rgb(50,0,0)','rgb(50,0,0)','rgb(50,0,0)','rgb(50,0,0)','rgb(50,0,0)'); if(a==1) { text++; if(text==17){ a=0; } } if(a==0){ text--; if(text==0){a=1;} } document.getElementById('p1').style.color = col[text]; document.getElementById('p1').style.fontSize = _size + 'px'; _size += d; if (_size==200) d = -10; if (_size==10) d = 10; } function _init() { setInterval(colo,75); } </script> </head> <body onload='_init()'> <p id="p1" align="center">Text</p> </body> </html>

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

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

а насчет других браузеров.. там получаеться проблема что не появляеться сам список при наведении курсора... пришлось делать альтернативный вариант на формах... только пока никак не могу сделать чтоб средствами пхп определялся тип браузера, но думаю скоро эту проблему решу....

У вас там ссылка стоит - поэтому указание цвет для ячейки не срабатывает.

Измените функцию

function Hilite() { //if(element.tagName != "TR") return; var elemA = getA(element); if(elemA == null) return; var elemTD = element; saveBGColor = elemTD.bgColor; elemTD.bgColor = myHilightColor; elemTD.style.cursor="default"; elemTD.style.color = "white"; elemA.style.color = "white"; window.status = elemA.href; }

Нужно добавить строку
elemA.style.color = "white";
Это изменяет цвет ссылок.

Приведенный вами код будет работать только в IE.
Могу предложить очень простой способ сделать подсветку фона для Oper-ы и Mozill-ы
Пропишите стили

<style> .mytable td:hover{background-color:#3366CC;} </style>

mytable - это имя класса таблицы
Пропишите его здесь

<table class=mytable border="0" cellpadding="0" cellspacing="1" bgcolor="#aca899"

Вот полный код:

<html> <head> <style> .mytable td:hover{background-color:#3366CC;} </style> </head> <body> <table class=mytable border="0" cellpadding="0" cellspacing="1" bgcolor="#aca899" shadowOpacity="1"> <tr><td><table width="140" border="0" cellpadding="2" cellspacing="2" bgcolor="#FFFFFF"> <tr style="BEHAVIOR: url(hilightcell.htc)" HilightColor="#316ac5"> <td align="left" valign="middle"><a href="#" class="menu">Ссылка... </a></td> </tr> </table> </body> </html>

вобщщем использую это все в интернет эксплорере, потому как в друг браузерах это все работает некоректно.....
весь код отображения меню в файле, вот код самой ячейки:

<DIV class=nav id=ml_2 style="Z-INDEX: 10; LEFT: 0px; VISIBILITY: hidden; WIDTH: 140px; POSITION: absolute; TOP: 0px; "> <table border="0" cellpadding="0" cellspacing="1" bgcolor="#aca899" shadowOpacity="1"> <tr><td><table width="140" border="0" cellpadding="2" cellspacing="2" bgcolor="#FFFFFF"> <tr style="BEHAVIOR: url(conf/hilightcell.htc)" HilightColor="#316ac5"> <td align="left" valign="middle"> <a href="#" class="menu">Ссылка... </a></td> </tr> </table> </td> </tr> </table> </DIV>

и там еще ниже по тексту небольшой ява скриптки который "инициализирует" меню.


ЗЫ: Дизайнеру: вам на личку отправил адрес страницы где можно визуально посмотреть работу скрипта.

ЗЗЫ: может по ходу дела подскажете, как сделать чтоб можно было использовать это меню в остальных браузерах?

>// пытаюсь изменить цвет текста:
elemTD.style.color = "white";
Странно... должно работать.
Вы в каком браузере смотрите?
Приведите весь код: функцию getA() и саму ячейку таблицы