Форум

anset · #1 (**permalink**) 25.08.2010, 17:36

Здравствуйте! Помогите решить следующую проблему: необходимо программно изменять значение атрибута bgcolor таблицы.
Имеется функция, прекрасно работает в Opera, FF.
Помогите найти решение, которое работало бы и в IE

function color(color)
{
$(document).ready(function(){	
$("#informer").attr('bgcolor','#'+color);	
});
}

e1f · #2 (**permalink**) 25.08.2010, 18:05

Цвет фона задаете в формате #fff или #ffffff? ЕМНИП, IE не понимал 3-х значный формат.

anset · #3 (**permalink**) 25.08.2010, 18:28

Цвет фона в формате #ffffff

e1f · #4 (**permalink**) 25.08.2010, 19:06

Тогда нерабочий пример в студию.

anset · #5 (**permalink**) 25.08.2010, 19:45

Табличка с цветами. При нажатии на ячейку вызываем, выше описанную
функцию color.

<table  cellspacing="1"  id="pallete" >
<tr>
<td bgcolor="#000000" onclick="color('000000')">&nbsp;</td>
<td bgcolor="#003300" onclick="color('003300')">&nbsp;</td>
<td bgcolor="#006600" onclick="color('006600')">&nbsp;</td>
<td bgcolor="#009900" onclick="color('009900')">&nbsp;</td>
<td bgcolor="#00cc00" onclick="color('00cc00')">&nbsp;</td>
<td bgcolor="#00ff00" onclick="color('00ff00')">&nbsp;</td>
</tr>
</table>

Табличка, в которой отображается выбранный цвет

<table  cellspacing="0">
<tr><td width="180" height="80" id="informer" bgcolor="#CCCCFF"></td></tr>
</table>

subzey · #6 (**permalink**) 25.08.2010, 23:11

Это, а зачем тут оборачивать код в $(...).ready?

e1f · #7 (**permalink**) 26.08.2010, 14:25

Сообщение от subzey

Это, а зачем тут оборачивать код в $(...).ready?

Что Вы, это же ультра-кошерно. Так поступают все гуру

Skipp · #8 (**permalink**) 26.08.2010, 15:06

anset,
и зачем цвет устанавливать через атрибут?

учи сначала JavaScript а потом уже берись за jQuery.

function color(color){
document.getElementById('informer').style.backgrou ndColor = "#" + color;
}

monolithed · #9 (**permalink**) 04.09.2010, 13:22

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" dir="ltr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Toggle</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function(){ 
		$('#pallete dt').toggle(
			function() {
				$('dt:eq(0)').css('background','#F80000');
			},
			function() {
				$('dt:eq(0)').css('background','#FFFFFF');
			}
		);
	});
	</script>
	<style type="text/css">
	dl {
		border: 1px solid #DDDDDD;
		margin: 0px auto;
		overflow: hidden;
		width: 100px;
		height: auto;
	}
		
	dt {
		disply: block;
		padding: 5px 15px 5px;
		height: 20px;
	}
	</style>
	</head>
	<body>
		<dl id="pallete">
			<dt>Text 1</dt>
		</dl>
  	</body>
</html>

Как-то так, если менять стили при обращении к индексам элементов. Также можно использовать форматирование стилей элементов через классы и пр.

Форум

Справочник

Discord чат

Курсы javascript