묻고답하기
[re] 텍스트필드에 자동입력== 그냥 제가쓰던거 편집해서....
2002.10.30 02:09
>안녕하세요^_____^;
>아.. 오늘 또 질문 하나 생겼답니다. 음...
>회원가입양식란에 보면, 주소선택한다음에 새창뜨고, 주소를 고르면,
>자동으로 이전화면에 선택한 주소가 텍스트필드에 들어가쟎아요.
>그거 어떻게 구현하는건지요? ㅡㅡ;
>
>항상 행복하세요~ 여러분~
============================================================================
이하의 설명은 부득이하게 해라체를 사용하겠습니다.
설명은.저도 각각의 전문지식이 아니라서 정확한 말을 사용한것은 아닐지라도 충분히
설명은 되었다고 생각됩니다.
그럼....
===========================================================================
post.html(부모창)
===========================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<!-- 새창을 뛰워주는 팝업스크립터....추소를 검색하는 창을 (자식창) 뛰워준다.-->
<script language=javascript>
function add_popup()
{
window.open('search_post.html','searchaddress','width=440,height=230,scrollbars=yes');
}
</script>
</HEAD>
<BODY>
<form name=post action="post.html" method=post><!-- 여기서는 폼의 이름이 중요하다 폼의 이름을 가지고 자식창에서 부모창으로 올바로 찾아올수가 있다.-->
<table>
<tr>
<td align=center valign=middle height=18px colspan=3>주 소</td>
<td align=center valign=middle height=18px colspan=5 onclick=add_popup()><!-- onclick이벤트는 팝업창을 뛰우기 위해서이다.-->
<!-- 우편번호 start-->
<input type=text name=addP maxlength=7 size=10><!-- 각 인풋창의 이름으로 찾아오게된다....-->
<!-- 우편번호 end -->
</td>
<td align=center valign=middle height=18px colspan=10 onclick=add_popup() bgcolor=#797979>
<!-- 주소 1 start-->
<input type=text name=add1 maxlength=20 size=25><!-- 각 인풋창의 이름으로 찾아오게된다....-->
<!-- 주소 1 end -->
</td>
<td align=center valign=middle height=18px colspan=15>
<!-- 주소2 start-->
<input type=text name=add2 maxlength=35 size=35><!-- 각 인풋창의 이름으로 찾아오게된다....-->
<!-- 주소2 end -->
</td>
<td align=center valign=middle height=2px colspan=2></td>
</tr>
</table>
</form>
</BODY>
</HTML>
========================================================================================================
========================================================================================================
=======================================================================================================
search_post.html(자식창)
=======================================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language=javascript>
function DoSelect(ad1,ad2){
opener.document.post.addP.value = ad1;
opener.document.post.add1.value =ad2;
opener.document.post.add2.focus();
window.close();
}
</script>
<!--
위의 스크립터가...부모창으로 자식창에서 선택한 정보를 보내주는 스크립터다...
opener라는 명령을 가지고 실행하는데
opener.document.post(가야할 부모창의 폼의 이름이다.).addP(부모창의 폼에 있는 목표지역의 이름이다 input창의 이름).value = ad1(내용);
ad1은 아래에 보면 javascript:DoSelect('123-567','NZEO시 자바스크립구 질답동') 이 구문에서 "123-567" 이부분이.. 해당된다.
위의 함수정의에서....DoSelect 는 (ad1,ad2) 라고 정의되있으므로.아래의 구문에서 DoSelect함수를 사용하였기때문에 위의 정의를 따른다.
마지막의 fouce() 는 다음 상세주소를 적는 창으로 커서를 가져가는 명령이다.
-->
</HEAD>
<BODY>
<a href="javascript:DoSelect('123-567','NZEO시 자바스크립구 질답동');" ><!-- 링크를 걸어줘서. 자바스크립터가 행동하게 한다.-->
NZEO시 자바스크립구 질답동
</a><P>
</BODY>
</HTML>
================================================================================================================================
================================================================================================================================
위의 소스와 설명들은.단순히 질문하신데에만 국한해서 설명하였습니다.
나머지것(우편번호정보를 db에서 가져온다든가 하는.)들은.....여기저기에 충분히 많은 설명이 있기때문에 생략하겠습니다.
필요하시면...질문을 올려주세요.그럼...
>아.. 오늘 또 질문 하나 생겼답니다. 음...
>회원가입양식란에 보면, 주소선택한다음에 새창뜨고, 주소를 고르면,
>자동으로 이전화면에 선택한 주소가 텍스트필드에 들어가쟎아요.
>그거 어떻게 구현하는건지요? ㅡㅡ;
>
>항상 행복하세요~ 여러분~
============================================================================
이하의 설명은 부득이하게 해라체를 사용하겠습니다.
설명은.저도 각각의 전문지식이 아니라서 정확한 말을 사용한것은 아닐지라도 충분히
설명은 되었다고 생각됩니다.
그럼....
===========================================================================
post.html(부모창)
===========================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<!-- 새창을 뛰워주는 팝업스크립터....추소를 검색하는 창을 (자식창) 뛰워준다.-->
<script language=javascript>
function add_popup()
{
window.open('search_post.html','searchaddress','width=440,height=230,scrollbars=yes');
}
</script>
</HEAD>
<BODY>
<form name=post action="post.html" method=post><!-- 여기서는 폼의 이름이 중요하다 폼의 이름을 가지고 자식창에서 부모창으로 올바로 찾아올수가 있다.-->
<table>
<tr>
<td align=center valign=middle height=18px colspan=3>주 소</td>
<td align=center valign=middle height=18px colspan=5 onclick=add_popup()><!-- onclick이벤트는 팝업창을 뛰우기 위해서이다.-->
<!-- 우편번호 start-->
<input type=text name=addP maxlength=7 size=10><!-- 각 인풋창의 이름으로 찾아오게된다....-->
<!-- 우편번호 end -->
</td>
<td align=center valign=middle height=18px colspan=10 onclick=add_popup() bgcolor=#797979>
<!-- 주소 1 start-->
<input type=text name=add1 maxlength=20 size=25><!-- 각 인풋창의 이름으로 찾아오게된다....-->
<!-- 주소 1 end -->
</td>
<td align=center valign=middle height=18px colspan=15>
<!-- 주소2 start-->
<input type=text name=add2 maxlength=35 size=35><!-- 각 인풋창의 이름으로 찾아오게된다....-->
<!-- 주소2 end -->
</td>
<td align=center valign=middle height=2px colspan=2></td>
</tr>
</table>
</form>
</BODY>
</HTML>
========================================================================================================
========================================================================================================
=======================================================================================================
search_post.html(자식창)
=======================================================================================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language=javascript>
function DoSelect(ad1,ad2){
opener.document.post.addP.value = ad1;
opener.document.post.add1.value =ad2;
opener.document.post.add2.focus();
window.close();
}
</script>
<!--
위의 스크립터가...부모창으로 자식창에서 선택한 정보를 보내주는 스크립터다...
opener라는 명령을 가지고 실행하는데
opener.document.post(가야할 부모창의 폼의 이름이다.).addP(부모창의 폼에 있는 목표지역의 이름이다 input창의 이름).value = ad1(내용);
ad1은 아래에 보면 javascript:DoSelect('123-567','NZEO시 자바스크립구 질답동') 이 구문에서 "123-567" 이부분이.. 해당된다.
위의 함수정의에서....DoSelect 는 (ad1,ad2) 라고 정의되있으므로.아래의 구문에서 DoSelect함수를 사용하였기때문에 위의 정의를 따른다.
마지막의 fouce() 는 다음 상세주소를 적는 창으로 커서를 가져가는 명령이다.
-->
</HEAD>
<BODY>
<a href="javascript:DoSelect('123-567','NZEO시 자바스크립구 질답동');" ><!-- 링크를 걸어줘서. 자바스크립터가 행동하게 한다.-->
NZEO시 자바스크립구 질답동
</a><P>
</BODY>
</HTML>
================================================================================================================================
================================================================================================================================
위의 소스와 설명들은.단순히 질문하신데에만 국한해서 설명하였습니다.
나머지것(우편번호정보를 db에서 가져온다든가 하는.)들은.....여기저기에 충분히 많은 설명이 있기때문에 생략하겠습니다.
필요하시면...질문을 올려주세요.그럼...