Изменение bgcolor строки таблицы
День добрый!
Среда - Oracle (отсюда некоторая специфика расстановки символов ' ). По задумке, скрипт должен делать следующее: 1) по умолчанию, цвет ECF0F4 2) при наведении, цвет должен меняться на E6E8EE 3) при уходе, цвет должен меняться назад на ECF0F4 4) при нажатии, строка должна "выделяться" 5) до второго нажатия (или перезагрузки фрейма) цвет должен оставаться 9999FF На деле, происходит какая-то мистика: при одинаковом синтаксисе в трех событиях, они работают, похоже, по воле высших сил (не подчиняясь законам логики). Менять ' на " пробовал, # ставил, и вообще шаманил как мог. через полчаса плясок плюнул и решил спросить совета. Текст скрипта: bgcolor=ECF0F4 onClick= "if (this.style.background != '''||'#9999FF'||''') {this.style.background='''||'#9999FF'||''';} else {this.style.background='''||'#ECF0F4'||''';}" onMouseOver= "if (this.style.background != '''||'#9999FF'||''') this.style.background='''||'#E6E8EE'||'''" onMouseOut= "if (this.style.background != '''||'#9999FF'||''') this.style.background='''||'#ECF0F4'||'''" |
Lachrimae,
вариант plugin selectable |
Цитата:
|
Всё-таки напрямую кодить цвет - неправильно. Лучше добавляйте/удаляйте нужные классы, а в CSS опишите расцветку комбинаций.
|
Цитата:
Цитата:
Цитата:
|
Цитата:
схематично: Код:
onClick = addClass('active'), removeClass('over'), removeClass('default') |
Цитата:
if (this.style.background != '''||'#9999FF'||''') по-моему должно быть так if (this.style.background != '#9999FF') Только учитывайте, что .style.background проверяет только инлайновый стиль, в CSS не лезет |
палочки - конкатенация строк, кавычки - для того чтобы кавычки отобразились, это же SQL.
|
Madzi, спасибо! Lachrimae, прошу прощения, был полусонный, не дочитал.
|
Цитата:
Цитата:
onClick = "this.className = (this.className == ''active'' ? ''default'' : ''active'')" onMouseOver = "this.className = (this.className == ''active'' ? ''active'' : ''over'')" onMouseOut = "this.className = (this.className == ''active'' ? ''active'' : ''default'')" |
Код:
htp.style('.myclass { background: #ecf0f4; };'); $('.myclass').click(function () { $('.myclass').removeClass('active'); $(this).addClass('active'); }); |
Часовой пояс GMT +3, время: 09:24. |