마우스 클릭을 사용하여 색상으로 표를 만든 html 표를 채우는 방법은 무엇입니까?

간단한 도구를 만들어서 사용자가 html 테이블 필드 안의 색을 채울 수 있도록하거나 대안을 제안 할 수 있도록하고 싶습니다. 이 페이지를 살펴 보자 : 나는 몇 가지 도구, 인터페이스, 자바 스크립트 또는 내 고객이 쉽게 색상 표 상자에 채우도록 다른 방법을 찾고 있어요 http://www.olmares.com/Price%20and%20Availability.htm 마우스 클릭을 사용하여 색상으로 표를 만든 html 표를 채우는 방법은 무엇입니까?

. 이것을 어떻게 할 수 있습니까?

출처

2011-09-21 aslamdoctor

추가가 추가되어 강조 표시된 td를 클릭하면 제거됩니다.

근무 링크 : http://jsfiddle.net/dEy2H/

CSS

.HighLight {background-color:#ff0000 !important;}

jQuery를

$(function() { 
    $('td').click(function() { 
     if ($(this).hasClass('HighLight')) 
      $(this).removeClass('HighLight'); 
     else 
      $(this).addClass('HighLight'); 
    }); 
});

출처

2011-09-21 06:10:52

내가 그린 셀을 클릭하면 시작할 때 다음처럼 원하는 모든 다른 행 어디에 내 마우스가 클릭과 함께 이상적으로 움직이기 때문에 드래그하는 것이 빨간색으로 바뀌어야합니다. 적색에서 녹색으로 같은 방법. 내가 어떻게 할 수 있는지 말해 줄 수있어? –

그건 다른 질문입니다. 우리가 대답 할 수있는 곳에 새로운 질문을 만드십시오. –

자바 스크립트로 테이블에 csscalass를 설정할 수 있습니다.

<Table><tr> 
<td cssclass="a"></td><td cssclass="b"></td> 
</tr></table>

와 CSS :

.a{backgroundcolor:red} 
.b{backgroundcolor:green}

이 셀의 색상을 변경하여 반응 테이블 세포에 대한 클릭 핸들러를 설정해야

출처

2011-09-21 05:27:37

jQuery를에 뭔가있을 거라고 ..에서 클릭 like

var current_color = 'red'; 

$('td').click(function() { 
    $(this).css('background-color', current_color); 
});

따라서 current_color가 (다른 사용자 상호 작용을 통해 아마도 변경됨) 어떤 것이든지 나중에 클릭 된 셀에 적용됩니다.

출처

2011-09-21 05:34:12

마우스 클릭을 사용하여 색상으로 표를 만든 html 표를 채우는 방법은 무엇입니까?

답변

관련 문제