2011-02-18 2 views
0

사용자가 이미지를 클릭 할 때 테이블의 두 열 너비를 전환하려고합니다. 클릭 자바 스크립트를 사용하고 있어도 나는 그것으로 작동하지만 그것을 사용하여 새로운 열 너비를 넣지 만 px를 사용하여 작동하지 않는 것입니다 또는 어떤 열을 더 잘 제어 할 수 있습니다. 이것은 내가 사용하고있는 코드입니다 :JavaScript를 사용하여 테이블의 열 너비를 어떻게 변경합니까?

<img alt="Change Widths" title="Switch column widths" src="/*images_path*/*image*.png" onclick="for (j=1;j<=200;j++){document.getElementById('cola'+j).style.width = '60%'; document.getElementById('colb'+j).style.width = '28%';}" onmouseover="this.style.cursor='pointer';"/> 

저는 파이어 폭스를 사용하고 있습니다. 누구든지 나를 도울 수 있습니까?

+0

의 폭 크기는 포함 된 텍스트 너비보다 작습니다. 나는 당신의 세포에'overflow : hidden'과'white-space : nowrap'을 설정할 것을 제안합니다. 그러나 이것이 셀을 오버 플로우시키는 내용을 숨길 수 있음을 유의하십시오. –

답변

0

보십시오. 당신은 세포의 크기를 감소하려는 경우 당신이 그것을 감소하려는 경우, 당신은 문제로 실행할 수 있습니다, 대신 .style.width

0

테이블의 TD에서 ID를 선택하여 .width를 px 값으로 변경하고 설정하는 데 효과적입니다. 나는 .style.width를 사용하지 않았다. 단지 .width. document.getElementById를()를 사용하여

관련 문제