2012-04-29 4 views
1

this code에서 진위표의 디코더 유형 (4x1, 8x1, 16x)에 따라 여러 개의 디코더 출력 (D1, D2, D3 ...)을 만듭니다.동적으로 표 머리글 위에 표 머리글 만들기

디코더 유형이 4x1 인 경우 4 가지 디코더에 대해 4x 출력 4*(D0,D1,D2,D3)을 만듭니다.

디코더 유형이 8x1 인 경우 2 개의 다른 디코더에 대해 2x 출력 2*(D0,D1,D2,D3,D4,D5,D6,D7)을 만듭니다.

디코더 유형이 16x1 인 경우 1 디코더에 대해 1*(D0,D1,D2,D3,D4,D5,D6,D7,...,D15)의 1x 출력을 만듭니다.

이제 사용자가 다양한 디코더를 구별하기 쉽게하기 위해 해당 디코더 출력의 디코더 이름을 ontop으로 지정하고 싶습니다. 예를 들어, 4x1 디코더가있는 경우 Decoder1, Decoder2, Decoder3, Decoder4 헤더를 (D0,D1,D2,D3)(D0,D1,D2,D3)(D0,D1,D2,D3)(D0,D1,D2,D3) 위에 놓을 수 있습니까?

P. 코드에서 디코딩 유형을 8x1 or 16x1으로 변경할 수 있습니다.

var decoderType="4x1"; 
+0

난 당신이 그냥 "DX를"을 "Decoderx"에서 헤더를 변경하라는 correctly..are 질문을 이해한다면 확실하지? –

+0

@ ltiong_sh 두 번째 (D0, D1, D2, D3)의 맨 위에있는 첫 번째 (D0, D1, D2, D3) 및 디코더 2 맨 위에 새 헤더 Decoder1을 배치하고 세 번째 (D0, D1, D2, D3)의 마지막에 (D0, D1, D2, D3)와 Decoder 4를 붙인다. –

답변

3

아이디어는 td 태그의 colspan 속성을 사용하는 것입니다 : 다음과 같이 정의합니다. 당신은 generateTruthTableHTML 기능에 다음 코드를 추가해야합니다 :

text += "<th class='th' colspan="+VariableCount+">Variable</td>"; 
for(var k = 0; k < counter; k++) { 
    var count = Math.pow(2,VariableNames.length) /counter; 
    text += "<th class='th' colspan=" + count + ">Decoder&nbsp;" + 
      (k+1) + "</th>"; 
}  
text += "</tr><tr>"; 

Edited fiddle

+0

@ Riateche : exxxcellent 내가 너 근처에 있었다면 나는 손에 키스했을거야. ;) 고맙습니다 –

관련 문제