HTML/JS 다른 표 셀에서 한 표 셀을 업데이트하십시오.

Question

다른 표 셀에서 한 표 셀을 업데이트 할 수 있습니까?

예 : 나는 미디어 위키 사이트를 가지고 있고, 페이지 A에이 같은 테이블 셀이 : 나는 말 (이 셀의 색상을 업데이트 할 수 있도록하려는

<td style="background: grey; color: black;"> Proposed</td> 

을 .. 녹색으로 변경) 페이지 B (완전히 녹색으로 변경)에서 완전히 다른 표 셀을 업데이트합니다.

두 개의 테이블 셀을 동적으로 연결하는 방법이 있으므로 한 셀이 변경되면 다른 셀도 동일한 변경 사항을 반영하도록 업데이트됩니다.

Answer 1

나는 당신이 제안하는 것이 좋은 생각이라고 생각하지 않습니다. 한 셀의 색은 완전히 다른 테이블의 일부 셀의 색에 의존하면 안됩니다. 대신 의 색상은 두 가지 공통적 인 자원에 의존해야합니다.

공통 리소스는 두 셀에 동일한 CSS 클래스를 사용하는 CSS 스타일 일 수 있습니다 (Andrew가 주석에서 제안한 것처럼).

예를 들어, 당신은 (MediaWiki:Common.css에서 가장 가능성이) CSS 클래스 proposed-cell 정의 할 :

.proposed-cell 
{ 
    color: black; 
} 

을 그리고 다음과 같이 사용 :

<td class="proposed-cell"> 

아니면이 미디어 위키 템플릿 수, 셀 스타일에서 참조 할 수 있습니다.

예를 들어 인 내용의 Template:Proposed color 페이지를 만들 수 있습니다.

그럼 당신은 다음과 같이 사용합니다 :

<td style="color: {{Proposed color}};">