안녕하세요 옵션버튼에대한 질문입니다.

안녕하세요 옵션버튼에대한 질문입니다. 정보

안녕하세요 옵션버튼에대한 질문입니다.

본문

<table width="630">
<tr>
<TD height="32" width="94">옵션버튼테스트</TD>
<TD height="32" width="526">
<INPUT type=radio CHECKED value='11' name=wr_test>1 
<INPUT type=radio value='12' name=wr_test>2 
<INPUT type=radio value='13' name=wr_test>
<INPUT type=text maxLength=2 size=2 name=wr_textinput>3 
<INPUT type=radio value='14'name=wr_test>4 
<SELECT disabled size=1 name=yy value="">
<OPTION value=2005 selected>2005</OPTION>
<OPTION value=2006>2006</OPTION>
<OPTION value=2007>2007</OPTION>
<OPTION value=2008>2008</OPTION>
<OPTION value=2009>2009</OPTION></SELECT> 년  
<SELECT disabled size=1 name=mm value="">
<OPTION value=01 selected>01</OPTION>
<OPTION value=02>02</OPTION>
<OPTION value=03>03</OPTION>
<OPTION value=04>04</OPTION>
<OPTION value=05>05</OPTION>
<OPTION value=06>06</OPTION>
<OPTION value=07>07</OPTION>
<OPTION value=08>08</OPTION>
<OPTION value=09>09</OPTION>
<OPTION value=10>10</OPTION>
<OPTION value=11>11</OPTION>
<OPTION value=12>12</OPTION></SELECT> 월 이후 </TD>
</tr>
</table>

위와 같은 식으로 옵션버튼을 만들고 3번을 선택하면
text input박스가 활성화되어서 입력이 가능하고
4번을 클릭하면 select하는것이 활성화되어 선택가능한것을 구현하고자합니다.
고수님들의 따뜻한 관심 부탁드립니다.

---------------------------------------------------------------------------

php나 그누 보드에 대한 질문이 아니라 식상하실수있지만..
현제 그누보드로 홈페이지를 제작중인데..
뜻하지않게 이 부분에서 막히네요.
바람이 찹니다. 감기 조시하세요~

복사
공유하기

댓글 전체

오달수 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

05.11.29 14:20:26

고수는 탈랜트???
대략...이런식이 아닌지..맞다면 form 값은 수정해서 쓰시길..

<script language="JavaScript" type="text/javascript">
function toggle(_s,_h) {
if (document.all) {
eval("document.all."+_s+".style.visibility='visible';");
eval("document.all."+_h+".style.visibility='hidden';"); }
else {
if(navigator.userAgent.indexOf("Gecko")!=-1) {// is NS6 ?
document.getElementById(_s).style.visibility='visible';
document.getElementById(_h).style.visibility='hidden'; }
else {
eval("document.layers['"+_s+"'].visibility='show';");
eval("document.layers['"+_h+"'].visibility='show';"); }
}
}
</script>

<table width='740'>

<tr valign=top>
<td style='padding-left:0px'>

<table cellpadding=0 cellspacing=0 border=0 style='margin-right:5px' align=left>
<tr>
<td align=left style='padding-top:2px' >
<table width='*' cellpadding=0 cellspacing=0 border=0>
<tr><td bgcolor=#ffffff>
select_1<INPUT type=radio CHECKED value='11' name=wr_test>
select_2<INPUT type=radio value='12' name=wr_test>
</td>
</tr>
</table>
</td>
</tr>
</table>


<form name="form3">
select_3<input type="radio" name="pap" value="A_value" onClick="toggle('A_span','B_span')" >
<span id="A_span" style="visibility:hidden; position:relative;top:0; left:0">
  <INPUT type=text maxLength=2 size=2 name=wr_textinput>  단위
</span>

select_4<input type="radio" name="pap" value="B_value" onClick="toggle('B_span','A_span')" >
<span id="B_span" style="visibility:hidden; position:relative; top:0; left:0">
<select name='yy' class='input' value='<?echo'$yy';?>'>
<option value='2005' selected>2005  </option>
<option value='2006'>2006  </option>
<option value='2007'>2007  </option>
<option value='2008'>2008</option>
</select> 년  

<SELECT name='mm' class='input' value='<?echo'$mm';?>' >
<OPTION value=01 selected>01</OPTION>
<OPTION value=02>02</OPTION>
<OPTION value=03>03</OPTION>
<OPTION value=04>04</OPTION>
<OPTION value=05>05</OPTION>
<OPTION value=06>06</OPTION>
<OPTION value=07>07</OPTION>
<OPTION value=08>08</OPTION>
<OPTION value=09>09</OPTION>
<OPTION value=10>10</OPTION>
<OPTION value=11>11</OPTION>
<OPTION value=12>12    </OPTION></SELECT> 월 이후
</form>
</span>
</td>
</tr>

</table>

고수는 탈랜트???  
대략...이런식이 아닌지..맞다면 form 값은 수정해서 쓰시길..

<table width='740'>

  <tr valign=top> 
   <td  style='padding-left:0px'>
   
   <table cellpadding=0 cellspacing=0 border=0  style='margin-right:5px' align=left>
	<tr> 
	 <td align=left style='padding-top:2px' >	        
	   <table width='*' cellpadding=0 cellspacing=0 border=0>								                     
		<tr><td bgcolor=#ffffff>
		select_1<INPUT type=radio CHECKED value='11' name=wr_test>
		select_2<INPUT type=radio value='12' name=wr_test>									
	        </td>
		</tr>                                                 												   
	   </table>
	 </td>
	</tr>
   </table>

<form name="form3">
   select_3<input type="radio" name="pap" value="A_value"  onClick="toggle('A_span','B_span')" > 
   <span id="A_span" style="visibility:hidden; position:relative;top:0; left:0"> 
   &nbsp;&nbsp;<INPUT type=text maxLength=2 size=2 name=wr_textinput>&nbsp;&nbsp;단위
   </span>   
            
   select_4<input type="radio" name="pap" value="B_value"  onClick="toggle('B_span','A_span')" >
   <span id="B_span"  style="visibility:hidden; position:relative; top:0; left:0">
   <select name='yy' class='input'  value='<?echo'$yy';?>'>
	<option  value='2005' selected>2005&nbsp;&nbsp;</option>
	<option  value='2006'>2006&nbsp;&nbsp;</option>
	<option  value='2007'>2007&nbsp;&nbsp;</option> 
        <option  value='2008'>2008</option> 
   </select>&nbsp;년 &nbsp; 
	                
   <SELECT name='mm' class='input'  value='<?echo'$mm';?>'	>
        <OPTION value=01 selected>01</OPTION> 
	<OPTION value=02>02</OPTION> 
	<OPTION value=03>03</OPTION> 
	<OPTION value=04>04</OPTION> 
	<OPTION value=05>05</OPTION> 
	<OPTION value=06>06</OPTION> 
	<OPTION value=07>07</OPTION> 
	<OPTION value=08>08</OPTION> 
	<OPTION value=09>09</OPTION> 
	<OPTION value=10>10</OPTION> 
	<OPTION value=11>11</OPTION> 
	<OPTION value=12>12&nbsp;&nbsp;&nbsp;&nbsp;</OPTION></SELECT>&nbsp;월 이후 
	</form>
  </span> 
 </td>
 </tr>	
 
 </table>

류16 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

05.11.29 16:46:38

듣고보니 그럴듯하네요;; 고수는 탈랜트;; ㅎㅎ
답변 잘 보았습니다. form을 합쳐주니 옵션버튼 4개가 각자 선택가능하고
3번4번 선택시에 textbox나 select가 가능하더군요..
그런데 visibility를 visible, hidden으로 하셨는데.. 그걸 처음상태가 readonly 이고 선택시 활성화되게는
할수없을까요?

오달수 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

05.11.29 17:33:38

--ㅋ 스크립트는...도무지 실행을 해보는 수밖에...
readonly???

eval("document.layers['"+_s+"'].visibility='show';");
eval("document.layers['"+_h+"'].visibility='show';");
를
show 와 hide 로 상하를 바꿔가면서
eval("document.layers['"+_s+"'].visibility='show';");
eval("document.layers['"+_h+"'].visibility='hide';");
이런식으로 해보시길 바랄께요.

류16 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

05.11.29 19:27:52

오달수님 친절한 답변 감사드려요~
수고하세요~

운돌 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

10.08.13 20:27:17

수고하세요~

안녕하세요 옵션버튼에대한 질문입니다. > 그누4 질문답변

그누4 질문답변