테이블에 직접 링크 걸어서 버튼처럼 만들기 정보
HTML 테이블에 직접 링크 걸어서 버튼처럼 만들기
본문
| 그누보드 |
<table width="80" height="24" border="0" cellpadding="2" cellspacing="1" bgcolor="#666666">
<tr>
<td align="center" bgcolor="#EEEEEE" style="cursor:pointer;cursor:hand" onClick="location.href('/')">그누보드</td>
</tr>
</table>
추천
1
1
댓글 전체
아 네.. 그냥 타이핑해서 치다보니 ^^
정준君님 위의 소스 모질라에서 사용가능합니다.
오타난것 하나는 수정하셔야 겠군요.
스크립터 펑션 안쪽에 있는 $ur" 를 $url로 수정하셔야 합니다.
오타난것 하나는 수정하셔야 겠군요.
스크립터 펑션 안쪽에 있는 $ur" 를 $url로 수정하셔야 합니다.
이렇게 사용하셔도 이미지를 사용하지 않고 사용가능합니다.
스킨에 보시면 input type=button으로 만들어 놓은 것이 모두 이런 식으로 만든것입니다.
<input type=button value='홈페이지' class=button onclick=javascript:location.href='/'>
스킨에 보시면 input type=button으로 만들어 놓은 것이 모두 이런 식으로 만든것입니다.
<input type=button value='홈페이지' class=button onclick=javascript:location.href='/'>
모질라에선 자바스크립트라고 선언을 꼭 해줘야 하는군요. 하나 배웠습니다.
상단부에서 아래처럼 function을 정해주고 하면 모질라에선 어떻게 되나요?
<script language="JavaScript">
function nav($url) {
location.href=$ur";
}
</script>
<table width="80" height="24" border="0" cellpadding="2" cellspacing="1" bgcolor="#666666">
<tr>
<td align="center" bgcolor="#EEEEEE" style="cursor:pointer;cursor:hand" onClick="nav('/')">홈페이지</td>
</tr>
</table>
상단부에서 아래처럼 function을 정해주고 하면 모질라에선 어떻게 되나요?
<script language="JavaScript">
function nav($url) {
location.href=$ur";
}
</script>
<table width="80" height="24" border="0" cellpadding="2" cellspacing="1" bgcolor="#666666">
<tr>
<td align="center" bgcolor="#EEEEEE" style="cursor:pointer;cursor:hand" onClick="nav('/')">홈페이지</td>
</tr>
</table>
바꿀수 있지요. 위에 드린 것은 예시구요.. table에 bgcolor를 먹인 것이 가장자리 색이 됩니다. 이건 table에 space를 1칸 주고 table과 td 사이의 space를 배경색으로 처리한겁니다. 배경색은 td의 bgcolor 이구요.
다른 방법으로 <table style="border:1px solid;"> 등으로 처리하는 방법도 있습니다. 스타일시트를 써도 되구요. 글자색에는 글자색 태그를 먹이면 되지요. 기본 HTML 을 조금만 공부해보세요.
다른 방법으로 <table style="border:1px solid;"> 등으로 처리하는 방법도 있습니다. 스타일시트를 써도 되구요. 글자색에는 글자색 태그를 먹이면 되지요. 기본 HTML 을 조금만 공부해보세요.
이왕이면 모질라에서도 이상없도록 다음처럼 수정해서 사용해 주세요.
(위의 소스를 사용하면 나오는 에러 => Error: location.href is not a function)
<table width="80" height="24" border="0" cellpadding="2" cellspacing="1" bgcolor="#666666">
<tr>
<td align="center" bgcolor="#EEEEEE" style="cursor:pointer;cursor:hand" onClick="javascript:location.href='/'">홈페이지</td>
</tr>
</table>
(위의 소스를 사용하면 나오는 에러 => Error: location.href is not a function)
<table width="80" height="24" border="0" cellpadding="2" cellspacing="1" bgcolor="#666666">
<tr>
<td align="center" bgcolor="#EEEEEE" style="cursor:pointer;cursor:hand" onClick="javascript:location.href='/'">홈페이지</td>
</tr>
</table>
정말 깔끔하고 좋네요.. 근데, 혹시 글자색은 못바꾸나요?? 아니면, 표 바탕이라도... 이궁...
무식혀서 용감합니다... ^^;;
무식혀서 용감합니다... ^^;;
제가 링크를 이런식으로 걸어두는데 꽤 쓸모있다는..(깔끔하구여..)
오호...알고는 있었지만
아래 상태표시줄에 링크가 나타나지 않는지 이제 알았네요...^^
아래 상태표시줄에 링크가 나타나지 않는지 이제 알았네요...^^
최근 게시물 등의 스킨에 사용하면 괜찮겠지용?
^^
<추천> 한방 남기는 거 까묵었네요^^
<추천> 한방 남기는 거 까묵었네요^^
^^
오옷! 좋은 팁입니다.
html 요것만 제대루 알아도...^^
하긴, 언제 심화과정(?)을 제대로 공부해 봤어야 뭐가 있는 줄 알죵...
...
...
...
[나스카]가 알고 있는 html!!!
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
...
끝! 이랍니다!
...
...
...
무. 식. 쟁. 이. 나스카...
오옷! 좋은 팁입니다.
html 요것만 제대루 알아도...^^
하긴, 언제 심화과정(?)을 제대로 공부해 봤어야 뭐가 있는 줄 알죵...
...
...
...
[나스카]가 알고 있는 html!!!
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
...
끝! 이랍니다!
...
...
...
무. 식. 쟁. 이. 나스카...
훗~~
그 기능 정말 좋아요.
제가 인덱스페이지에서 쓰는데.. 누가 만들었는지.. 강추입니다.
그 기능 정말 좋아요.
제가 인덱스페이지에서 쓰는데.. 누가 만들었는지.. 강추입니다.
테이블배경색이 바뀌는 스크립은 없나요?
마우스 OVER,OFF적용시켜서요.
마우스 OVER,OFF적용시켜서요.
