글쓰기 버튼 CSS에 관해서 질문 드립니다. 정보
글쓰기 버튼 CSS에 관해서 질문 드립니다.본문
http://sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=150442&page=2
위의 링크에서 질문을 드렸었는데 ..
글쓰기에 질문을 드렸는데 그누보드가 크롬에서 글쓰기 버튼이 안먹더라구요 ..
그래서 질문게시판을 검색하던 도중 .. 말러님께서 답변에서
<form name="fwrite" method="post" action="javascript:fwrite_check(document.fwrite);" enctype="multipart/form-data">
즉 글쓰기에서 form 부분에 action="javascript:fwrite_check(document.fwrite);"
이부분을
<form name="fwrite" method="post" onsubmit="return fwrite_check(this);" enctype="multipart/form-data">
이렇게 고치면 크롬에서 글쓰기가 된다라고 하기에 고쳐 봤는데 되더라구요 .. ^^;;
근데 버튼을 일반 이미지 버튼이 아니라 CSS 버튼으로 교체를 하고 있는 중입니다.
즉 링크가 걸려 있는 버튼들에는 .. 리스트라고 하면
<? if ($list_href) { ?><a href="<?=$list_href?>"><span>리스트</span></a><? } ?>
이런식으로 교체를 하면 a href 주소가 걸려 있으니 상관 없는데 ..
다른 input 버튼들에게는 어떻게 해야 할까요 ?? 이것에 관하여 균이님께서 ..
아래와 같은 답변을 주셨는데 ..
<a href="javascript:document.fwrite.submit()">등록</a>
막상 적용을 해보니 새로고침만 될뿐 전혀 반영이 안되더라구요 ..
즉 기존에 글쓰기 버튼을 누르면 수정되면서 뷰페이지로 넘어 가지만 균이님께서 알려 주신것은
새로고침 되면서 수정페이지 자체에서 머물러 있네요 ..
막약에 글쓰기 뿐만 아니라 모든 보내는 문에는 인풋으로 되어 있는데 쪽지 보내기도 마찬가지로
<a href="
태그로 적용 할려면 어떻게 해야 할까요 ??
댓글 전체
그누에서는 submit 버튼을 누르면 필수입력사항을 체크 하는 함수가
작동 되도록 되어있습니다
submit 이벤트가 발생하는 것을 가로채서 필수사항을 체크 후에 submit를 시키는 구조입니다
그런데 등록버튼을 input태그가 아닌 텍스트나 이미지로 바꾸어서 submit을 시키려면
몇가지 고려사항이 있습니다
fwrite_check() 함수를 어떻게 만들었는지 모르겠지만 그누기본 fwrite_submit 함수로 생각하고
말씀드리겠습니다
1. form 태그에서 onsubmit을 없앤다
2. 등록버튼 링크 <a href='javascript:go()">등록</a>
3.
function go(){
if(fwrite_submit(document.fwrite)) document.fwrite.submit()
}
위와 같이 하면 되지만 발생되는 문제는 필수 사항 입력여부 체크를 직접 만들어야 합니다
submit 버튼을 누르는 이벤트가 없기 때문입니다
비번 입력이 제대로 되었는지 체크하는 예를 들면 fwrite_submit 함수내에서
if(!f.wr_password){alert("비번입력 없음"); return false;}
이런 형태가 되겠습니다
이해가 되셨는지 모르겠군요
그런거였군요 .. 무슨 말씀이신지 이해가 아주 잘되네요 ^^ 고개 숙여 정말 .. 감사 드립니다. ^^
기본적인것도 모르고 있었네요 죄송합니다. ('')(..)
다음 링크를 참고하시면, update 페이지로 정상적으로 submit 하는 것을 확인할 수 있습니다.
http://zombi.kr/test/write.php
제목 : <input type="text" name="wr_subject" />
<br>
<a href="javascript:submitWrite();">확인</a>
</form>
<script type="text/javascript">
function submitWrite()
{
var f = document.fwrite;
if (!f.wr_subject.value) {
alert('제목을 입력하십시오.');
f.wr_subject.focus();
return false;
}
f.action = "./update.php";
f.submit();
}
</script>
