태그의 display의 값에 따라 그림의 src을 바꾸는 자바스크립트의 오류 좀 봐주세요.. 정보
그누보드 태그의 display의 값에 따라 그림의 src을 바꾸는 자바스크립트의 오류 좀 봐주세요..본문
사용 스크립트는 아래입니다.
<SCRIPT language='Javascript'>
function dis(box, imgname) {
var obj = eval('document.' + imgname);
if (box.style.display=='none')
{
box.style.display = 'block';
obj.src = './image/icon_catlevel2.gif'
}else {
box.style.display = 'none';
obj.src = './image/icon_catlevel.gif'
}
}
</script>
링크를 클릭하면 해당 id를 가진 테이블이 행이 보여지면서 특정 name을 가진 이미지 태그의 src이
바꾸는 것입니다. 제가 아무리 자바스크립트가 서툴러도 위의 것은 맞는 것 같은데 어디서 오류가 나
는지 이해가 가질 않습니다. 혹 아시는 분들 날카로운 지적해주시길 바랍니다.
<SCRIPT language='Javascript'>
function dis(box, imgname) {
var obj = eval('document.' + imgname);
if (box.style.display=='none')
{
box.style.display = 'block';
obj.src = './image/icon_catlevel2.gif'
}else {
box.style.display = 'none';
obj.src = './image/icon_catlevel.gif'
}
}
</script>
링크를 클릭하면 해당 id를 가진 테이블이 행이 보여지면서 특정 name을 가진 이미지 태그의 src이
바꾸는 것입니다. 제가 아무리 자바스크립트가 서툴러도 위의 것은 맞는 것 같은데 어디서 오류가 나
는지 이해가 가질 않습니다. 혹 아시는 분들 날카로운 지적해주시길 바랍니다.
댓글 전체
아차..감사합니다. 제가 알아서 해결되었는데 길선아빠님이 올려주셨군요..감사합니다 .
저는 이런 방법으로 사용하죠.
<SCRIPT language='Javascript'>
function displaySubRow(box, imgname) {
var img = document.getElementById(imgname) ;
var row = document.getElementById(box);
if (row.style.display=='none') {
row.style.display = '';
img.src = 'show.gif'
}else {
row.style.display = 'none';
img.src = 'hide.gif'
}
}
</script>
<div>
<a href="javascript:;" onclick="displaySubRow('row_1','imgID_1')"><img id='imgID_1' src="hide.gif" width="20" height="20" border="0" alt="">show first row</a>
<div id='row_1' style="display:none; border:1 solid #000; padding:5px">This is first row.</div>
</div>
<div>
<a href="javascript:;" onclick="displaySubRow('row_2','imgID_2')"><img id='imgID_2' src="hide.gif" width="20" height="20" border="0" alt="">show second row</a>
<div id='row_2' style="display:none; border:1 solid #000; padding:5px">This is second row.</div>
</div>
<SCRIPT language='Javascript'>
function displaySubRow(box, imgname) {
var img = document.getElementById(imgname) ;
var row = document.getElementById(box);
if (row.style.display=='none') {
row.style.display = '';
img.src = 'show.gif'
}else {
row.style.display = 'none';
img.src = 'hide.gif'
}
}
</script>
<div>
<a href="javascript:;" onclick="displaySubRow('row_1','imgID_1')"><img id='imgID_1' src="hide.gif" width="20" height="20" border="0" alt="">show first row</a>
<div id='row_1' style="display:none; border:1 solid #000; padding:5px">This is first row.</div>
</div>
<div>
<a href="javascript:;" onclick="displaySubRow('row_2','imgID_2')"><img id='imgID_2' src="hide.gif" width="20" height="20" border="0" alt="">show second row</a>
<div id='row_2' style="display:none; border:1 solid #000; padding:5px">This is second row.</div>
</div>