테이블 양식을 게시글에 미리 입력시키는 스킨 정보
게시판 테이블 양식을 게시글에 미리 입력시키는 스킨
관련링크
첨부파일
본문
어차피 수정한 파일이 하나뿐이니 UTF-8 만 올렸습니다.
같은 폴더에 있는 myform.php 에 있는 테이블 양식이 초기값으로 나타납니다.
단 게시글은 스샷이미지에서 보여지는 것과 같이 HTML 쓰기를 게시글을 쓰는 기본 옵션으로 주고,
DHTML 에디터를 사용하지 않는다고 해 줘야 합니다.
테이블은 myform.php 를 고쳐서 원하는 방식으로 입혀서 쓰세요.
그누 초기 옵션대로라 myform.php 에는 자바스크립트나 css 는 필터링이 되니
외부에서 제어하거나 스타일의 경우는 인라인으로 직접 주면 되겠습니다.
추천
11
11
댓글 전체
굿입니다.
좋네요 감사합니다.
좋네요..
다만 필수항목이라고 했을때 그것도 제어할수 있는 스크립이 추가되면 금상첨화일듯..
다만 필수항목이라고 했을때 그것도 제어할수 있는 스크립이 추가되면 금상첨화일듯..
흠...그렇군요.
배열을 하나 만들어서 핸들링하는 소스를 넣어야 할 듯...
오늘 내일 중으로 올려 보겠습니다.
배열을 하나 만들어서 핸들링하는 소스를 넣어야 할 듯...
오늘 내일 중으로 올려 보겠습니다.
<script>
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>
대충 짜 본 것입니다. 알아서 매치시켜 쓰시고 부족한 부분은 보충해서 사용하시길...
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>
항목이 많으면 아이디에 형식을 주고 포문으로 한 방에 줘도 되고...
이 경우는 입력해 놓은 양식을 게시글을 쓰는 사람이 잘못해서 지울 수도 있죠.
그걸 방지하려면...아래와 같은 꼼수를 하나 쓰는 것도 일책...
가로 세로 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>
항목이 많으면 아이디에 형식을 주고 포문으로 한 방에 줘도 되고...
좋네요 감사합니다.
오 .. 감사합니다~!
딱필요했는데 감사합니다..^^
잘쓰겠습니다~ 감사 감사 ~ 신청서
