Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Выбор цвета по клику (https://javascript.ru/forum/events/35060-vybor-cveta-po-kliku.html)

Torch`Ok 29.01.2013 17:55

Выбор цвета по клику
 
не закрывается окно выбора цвета
<div id="color">A
<div id="color_change"> 
<table id="table"  border="0" cellspacing="0" cellpadding="0">
<tr height="6">
<td style="background-color:#000000"></td>	
<td style="background-color:#000033"></td>	
<td style="background-color:#000066"></td>	
<td style="background-color:#000099"></td>	
<td style="background-color:#0000cc"></td>	
<td style="background-color:#0000ff"></td>
</tr>
<tr height="6">					
<td style="background-color:#003300"></td>	
<td style="background-color:#003333"></td>	
<td style="background-color:#003366"></td>	
<td style="background-color:#003399"></td>	
<td style="background-color:#0033cc"></td>	
<td style="background-color:#0033ff"></td>
</tr>
<tr height="6">					
<td style="background-color:#006600"></td>	
<td style="background-color:#006633"></td>	
<td style="background-color:#006666"></td>	
<td style="background-color:#006699"></td>	
<td style="background-color:#0066cc"></td>	
<td style="background-color:#0066ff"></td>
</tr>
</table>
</div></div>
<div id="div1">Текст</div>

$('#color').click(function(){
    $('#color_change').css('display','block');
      $('td').click(function(){
        var bgcolor = $(this).css('background-color')
       $('div1').css('color', bgcolor);
       $('#color_change').css('display','none');
    });
  });

При клике на кнопку color открывается окно с таблицей выбора цвета "color_change", а приклике на ячейку таблицы поменяться цвет шрифта div1 и закрыться окно... Все работает но только окно не закрывается "color_change". Вроде все верно написал....Что может быть не так???

Deff 29.01.2013 18:10

$('#color_change').hide()

Вот справочник => http://jquery-docs.ru/Selectors/

$('#color').click(function(){
    $('#color_change').toggle();
});

$('#color_change td').click(function(){
    var bgcolor = $(this).css('background-color')
    $('div1').css({'color':bgcolor})
    $('#color_change').hide();
});


Часовой пояс GMT +3, время: 11:22.