테이블에 링크걸기
로빈아빠
본문
폰트나 이미지가 아닌 테이블에도 링크를 걸 수 있습니다.
예)
<table style=cursor:hand; onclick=location.href="http://ss.xcool.net">내용</table>
<tr>이나 <td>에도 같은 방법으로 가능합니다.
테이블에 마우스가 올라갔을 때 변하는 커서는 cursor:hand 에서 hand에서 다른 모양으로 바꾸실 수 있습니다. ( 'Tip → Dhtml-Javascript → 마우스커서 모양 바꾸기' 참고 )
http://ss.xcool.net 는 테이블을 누르면 이동할 주소.
.................................
타겟 지정하는 방법 :
onclick="parent.frames[타겟이될프레임번호].location='링크될문서'"
이렇게 주시면 됩니다...
그전에 꼭 하셔야 될것은.. 프레임 문서에서 프레임에 번호를 주는 것인데여...
<frameset 어쩌구어쩌구>
<frame src="*.html" name="mainmenu" 어쩌구>0
<frame src="*.html" name=... 어쩌구>1
<frame src="*.html" name="main" 어쩌구>2
</frameset>
이렇게.. 각 프레임 옆에 그 번호를 주는 것입니다..
만약.. 테이블을 클릭하여, main의 내용이 바뀌길 원한다면
onclick="parent.frames[2].location='링크될문서'"
이렇게 속성을 주시면 됩니다...
한번의 클릭으로 여러 타겟(1번과 2번)의 문서가 바뀌길 원한다면
onclick="parent.frames[2].location='링크될문서'; parent.frames[1].location='링크될문서'"
이렇게 속성을 주시면 됩니다...
클릭이 아니라 마우스오버만으로 바뀌길 원하시면
onclick대신 onmouseover를 주시면 됩니다
출처 : 신의키스
출처 : http://qdata.co.kr/bo/bbs/board.php?bo_table=ht&wr_id=23
예)
<table style=cursor:hand; onclick=location.href="http://ss.xcool.net">내용</table>
<tr>이나 <td>에도 같은 방법으로 가능합니다.
테이블에 마우스가 올라갔을 때 변하는 커서는 cursor:hand 에서 hand에서 다른 모양으로 바꾸실 수 있습니다. ( 'Tip → Dhtml-Javascript → 마우스커서 모양 바꾸기' 참고 )
http://ss.xcool.net 는 테이블을 누르면 이동할 주소.
.................................
타겟 지정하는 방법 :
onclick="parent.frames[타겟이될프레임번호].location='링크될문서'"
이렇게 주시면 됩니다...
그전에 꼭 하셔야 될것은.. 프레임 문서에서 프레임에 번호를 주는 것인데여...
<frameset 어쩌구어쩌구>
<frame src="*.html" name="mainmenu" 어쩌구>0
<frame src="*.html" name=... 어쩌구>1
<frame src="*.html" name="main" 어쩌구>2
</frameset>
이렇게.. 각 프레임 옆에 그 번호를 주는 것입니다..
만약.. 테이블을 클릭하여, main의 내용이 바뀌길 원한다면
onclick="parent.frames[2].location='링크될문서'"
이렇게 속성을 주시면 됩니다...
한번의 클릭으로 여러 타겟(1번과 2번)의 문서가 바뀌길 원한다면
onclick="parent.frames[2].location='링크될문서'; parent.frames[1].location='링크될문서'"
이렇게 속성을 주시면 됩니다...
클릭이 아니라 마우스오버만으로 바뀌길 원하시면
onclick대신 onmouseover를 주시면 됩니다
출처 : 신의키스
출처 : http://qdata.co.kr/bo/bbs/board.php?bo_table=ht&wr_id=23
관련링크
댓글목록
등록된 댓글이 없습니다.