Форум

ktelfon · #1 (**permalink**) 29.09.2011, 02:44

вот так всё у меня выглядит ) и смысл в том что когда значение s = 0 то фон должен поменяться только он этого не делает

Код:

var makeDiv = function(str, style) {
  
  var div = $('<div>');
      div.css(style);
      div.text(str);
  return div;
};

var makeP = function(p) {
  
  var a = makeDiv(p.name + ' ' + p.surname, {
    backgroundColor: 'orange', 
    color: 'white',          
    padding: '2px 6px',     
    fontSize: '18pt',        
  });

var setS = function(newS){
    sa = newS;
    if (s > 0) {
      a.style.backgroundColor = 'yellow'; 
    } else {
      s = 0;
      a.style.backgroundColor = 'gray';
    }
  }

Я по пробывал так

$('div#d').css('background-color','yellow');

но у тэгов div нету ID тогда как мне указать какой див я хочу изменить ? Может можно отрегулировать фабрику создания дивов так чтоб ещё можно было задать ID ?

ksa · #2 (**permalink**) 29.09.2011, 09:27

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

как мне указать какой див я хочу изменить ?

Когда создаёшь див - тогда и вешай на него обработчик. Или "помечай" его (например) каким-либо классом...

ktelfon · #3 (**permalink**) 29.09.2011, 09:48

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

Когда создаёшь див - тогда и вешай на него обработчик. Или "помечай" его (например) каким-либо классом...

Только вот я не знаю как это сделать нету какого-то примера ?

ksa · #4 (**permalink**) 29.09.2011, 13:37

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

нету какого-то примера

Его всегда можно сделать...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
.box {
	width: 100px;
	height: 20px;
	margin-top: 5px;
	border: 1px solid;
	cursor: pointer;
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('#bt').click(function () {
		var div = $('<div></div>')
		div.addClass('box')
		div.click(function (){
			alert('Opa!')
		})
		$('#container').append(div)
	})
})
</script>
</head>
<body>
<input id='bt' type='button' value='Add' />
<div id='container'></div>
</body>
</html>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript