테이블 양식을 게시글에 미리 입력시키는 스킨
기본 basic 스킨에서 write.skin.php 만 수정했습니다.
어차피 수정한 파일이 하나뿐이니 UTF-8 만 올렸습니다.
같은 폴더에 있는 myform.php 에 있는 테이블 양식이 초기값으로 나타납니다.
단 게시글은 스샷이미지에서 보여지는 것과 같이 HTML 쓰기를 게시글을 쓰는 기본 옵션으로 주고,
DHTML 에디터를 사용하지 않는다고 해 줘야 합니다.
테이블은 myform.php 를 고쳐서 원하는 방식으로 입혀서 쓰세요.
그누 초기 옵션대로라 myform.php 에는 자바스크립트나 css 는 필터링이 되니
외부에서 제어하거나 스타일의 경우는 인라인으로 직접 주면 되겠습니다.
어차피 수정한 파일이 하나뿐이니 UTF-8 만 올렸습니다.
같은 폴더에 있는 myform.php 에 있는 테이블 양식이 초기값으로 나타납니다.
단 게시글은 스샷이미지에서 보여지는 것과 같이 HTML 쓰기를 게시글을 쓰는 기본 옵션으로 주고,
DHTML 에디터를 사용하지 않는다고 해 줘야 합니다.
테이블은 myform.php 를 고쳐서 원하는 방식으로 입혀서 쓰세요.
그누 초기 옵션대로라 myform.php 에는 자바스크립트나 css 는 필터링이 되니
외부에서 제어하거나 스타일의 경우는 인라인으로 직접 주면 되겠습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
그누4 스킨
5,847건스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
댓글 13개
다만 필수항목이라고 했을때 그것도 제어할수 있는 스크립이 추가되면 금상첨화일듯..
배열을 하나 만들어서 핸들링하는 소스를 넣어야 할 듯...
오늘 내일 중으로 올려 보겠습니다.
essentialArray=['이름','생년월일','주민등록번호','이메일'];
checkId=document.getElementsByName('essential');
function essentialCheck(){
for(i in essentialArray){
if(checkId[i].innerText==''){checkId('essential')[i].style.background='#ffccff';choceArray.push(essentialArray[i])};
else{checkId('essential')[i].style.background='#ffffff'};
}
}
function myEssential(){
choceArray=[];
essentialCheck();
if(choceArray.length==0){noEssential.innerText='필수항목을 모두 입력하였습니다.'};
else{noEssential.innerText=choceArray[0] + ' 을(를) 입력하세요.'};
}
</script>
<DIV id=myForm contentEditable=true>
<TABLE style=color:#484848;font-size:9pt;font-family:굴림 cellpadding=10 cellspacing=1 width=600 bgcolor=#cccccc align=center>
<TBODY bgcolor=#ffffff align=center>
<TR><TD colspan=2 style=color:#000000>
<B style=font-size:10pt>[ 가입신청서 ]</B> - 필수항목<B style=color:#ff0000>*</B></TD></TR>
<TR><TD width=50%>이름<B style=color:#ff0000>*</B></TD>
<TD width=50% id=essential></TD></TR>
<TR><TD>생년월일<B style=color:#ff0000>*</B></TD>
<TD id=essential></TD></TR>
<TR><TD>주민등록번호<B style=color:#ff0000>*</B></TD>
<TD id=essential></TD></TR>
<TR><TD>이메일<B style=color:#ff0000>*</B></TD>
<TD id=essential></TD></TR>
<TR><TD>홈페이지</TD>
<TD id=essential></TD></TR>
</TBODY></TABLE></DIV>
<TABLE style=color:#484848;font-size:9pt;font-family:굴림 cellpadding=10 cellspacing=1 width=600 bgcolor=#cccccc align=center>
<TBODY bgcolor=#ffffff align=center>
<TD style=cursor:pointer width=20% onclick=myEssential()><B>클릭</B></TD>
<TD id=noEssential width=80%></TD></TBODY></TABLE>
대충 짜 본 것입니다. 알아서 매치시켜 쓰시고 부족한 부분은 보충해서 사용하시길...
추천하고갑니다^^
이 경우는 입력해 놓은 양식을 게시글을 쓰는 사람이 잘못해서 지울 수도 있죠.
그걸 방지하려면...아래와 같은 꼼수를 하나 쓰는 것도 일책...
가로 세로 0짜리 input 를 만들어서 으슥한 곳에 놓고...온클릭시에 포커스를 그 놈으로 이동시켜 주는 꼼수죠.
<DIV id=myForm contentEditable=true>
<TABLE style=color:#484848;font-size:9pt;font-family:굴림 cellpadding=10 cellspacing=1 width=600 bgcolor=#cccccc align=center>
<TBODY bgcolor=#ffffff align=center>
<TR><TD colspan=2 style=color:#000000 onclick=focusHidden.focus()>
<B style=font-size:10pt>[ 가입신청서 ]</B> - 필수항목<B style=color:#ff0000>*</B></TD></TR>
<TR><TD width=50% onclick=focusHidden.focus()>이름<B style=color:#ff0000>*</B></TD>
<TD width=50% id=essential></TD></TR>
<TR><TD onclick=focusHidden.focus()>생년월일<B style=color:#ff0000>*</B></TD>
<TD></TD></TR>
<TR><TD onclick=focusHidden.focus()>주민등록번호<B style=color:#ff0000>*</B></TD>
<TD></TD></TR>
<TR><TD onclick=focusHidden.focus()>이메일<B style=color:#ff0000>*</B></TD>
<TD></TD></TR>
<TR><TD onclick=focusHidden.focus()>홈페이지</TD>
<TD></TD></TR>
</TBODY></TABLE></DIV>
<INPUT name=focusHidden style=width:0;height:0>
항목이 많으면 아이디에 형식을 주고 포문으로 한 방에 줘도 되고...