Mozilla 한국 커뮤니티

자바스크립트를 써야할 이미지 버튼이 있다면

<a href="#" onclick="함수()"><img /></a> 가 좋겠습니까

아니면

<input type="image" onclick="함수(); return false;" />가
좋겠습니까?

두개의 방법 사이에서 갈등을 구타하고 있습니다.

무엇이 좋을까요?

form 에서의 체크를 말씀 하시는 것인가요?

저는

function 함수() {
if(됐으면) {
return true;
} else { // 안됐으면
return flase;
}
}

<form action="" onsubmit="함수(); return false;">
<p><input type="image" src="" /></p>
</form>

을 사용합니다.


기본적으로 form 은 서밋은 되고 javascript 가 중간에서 잠깐 가로채는 거지요.

onsubmit 에 return flase 를 적어줘야 하는지는 잘 모르겠네요.
javascript 에서 에러가 나도 서밋이 안되게 막으려면 적어줘야 할 듯....
javascript 가 안되는 브라우져는 그냥 서밋 되겠죠.

form 이 아닌...그냥 이미지 버튼이면...

<img src="" onclick="함수()" style="cursor: pointer;" />

를 쓰면 됩니다.

문제가 IE5 에서는 cursor: pointer 가 지원이 안되고 cursor: hand 로 해야 되서...

클라이언트가 요구 하면

img.button {
cursor: pointer;
}
*html img.button {
cursor: hand;
}
하면 되겠죠..

ps.
전에는 CSS hack 쓰기가 싫었는데 한번 맛들이니 헤어날 수가 없군요...

<img style...커서:포인터 />

이런식으로 쓰다가 왠지 찝찝해서 <a> 나 <input type="image" 로 바꾸는
중이었거든요.

폼체크는 아니고요. 그냥 버튼인데 자바스크립트를 써야해서요.

최대한 안쓰려고 했지만 동적인 폼값 전송을 하려다 보니 쓰게 되네요.

hyeonseok wrote:img.button {
cursor: pointer;
}
*html img.button {
cursor: hand;
}

이런식으로 쓰는군요!..

그런데.. 저 같은 경우는 주욱
이런식으로 사용하곤 했었는데..

대부분의 브라우저에서 다 잘 되는것 같기도 하고 해서요 '~'

이럴 경우엔 어떤 문제가 생기는지 여쭤봐도 괜찮을까요..? ^^;

그런데.. 저 같은 경우는 주욱
이런식으로 사용하곤 했었는데..

대부분의 브라우저에서 다 잘 되는것 같기도 하고 해서요 '~'

이럴 경우엔 어떤 문제가 생기는지 여쭤봐도 괜찮을까요..? ^^;[/quote]

저는 그냥 cursor: pointer; 만 씁니다. ㅎㅎ

tenshi wrote:

Code: Select all

img.button {
    cursor: pointer;
    cursor: hand;
}

이런식으로 사용하곤 했었는데..

대부분의 브라우저에서 다 잘 되는것 같기도 하고 해서요 '~'

이럴 경우엔 어떤 문제가 생기는지 여쭤봐도 괜찮을까요..? ^^;

혹, cursor 값을 hand 로 이해하고 에러를 내고 pointer 까지 무시되는 브라우져가 있을 수도 있지 않을까요?

그래서 IE 용 hack 을 쓰는 것이 저로서는 더 마음에 놓이네요. ^^

근데 별 문제 없이 잘 인식이 되는 군요.