웹마스터 팁
이젠 주소검색 편하게쓰자~~~!! (새창띄우지 않습니다)
2003.03.05 14:12
http://www.toplans.com/test/addr_test.php제가 지금 만들고 있는 프로젝트에 넣은 기능입니다.
좀더 유저들에게 편하게 이용할 수 있는 방안을 모색한 결과... 아이디 중복체크와 주소검색시
보통 새창을 띄워서 하는점이 좀 불편하더군요. 어디선가 합격자 발표를 수험번호만 넣고 확인
을 누르면 스크립트 알러트창으로 합격여부를 알려주더군요.
그래서. 아래의 거친마루님께서 알려주신 다중셀렉트박스의 내용을 변경해서.. 아이디 중복 체크와 주소검색을 새창띄우지 않고 방법을 알아보았습니다.
주소검색에 관한 내용만 알려드려도 아이디 중복체크에 관한건 금방 눈치채실거라 생각하고
직접 작성을 해보시기 바랍니다.(예제는 제홈의 등록버튼을 누르세요) 무지 편하더군요. 그외에 다른것들도 응용을 해보시면 약간
의 귀차니즘이 해소 될겁니다.
==================================주 소 검 색=======================================
----- HTML ------
<html>
<head>
<title>간단 주소검색</title>
<script id="dynamic"></script>
<script>
function PostSearch() {
var data = document.select.postsh.value;
dynamic.src = "addrData.php?address=" + data;
}
</script>
</head>
<body>
<form name="select">
<input type=text name=postsh size=15> <input type=button value='주소검색' onclick='PostSearch()'><br>
<select name="addr" onchange="javascript:document.select.addr2.value='나머지 주소 입력하세요';">
<option name=addr value=0>동이름을 입력하여 검색하세요</option>
</select>
<input type=text name=addr2 size=20 onfocus="javascript:document.select.addr2.value=''">
</form>
</body>
</html>
------------------------
------- P H P ----------
<?php
include "DB 연결정보";
$sql = "select * from address where addr3 like '%$_GET[address]%' ";
$result = mysql_query($sql);
$num=mysql_affected_rows();
printf("document.select.addr.length = $num + 1; n"); // 생성시 빈공백이 생기므로 1을 더해줘야함.
printf("document.select.addr.options[0].text = '검색된 주소를 선택하세요'; n");
$i=1;
while($rows = mysql_fetch_array($result)){
$post="$rows[code]";
$addr1="$rows[addr1]";
$addr2="$rows[addr2]";
$addr3="$rows[addr3]";
printf("document.select.addr.options[$i].text = '$addr1 $addr2 $addr3'; n");
printf("document.select.addr.options[$i].value = '$post $addr1 $addr2 $addr3'; n");
$i++;
}
?>
===================================================================================
좀더 유저들에게 편하게 이용할 수 있는 방안을 모색한 결과... 아이디 중복체크와 주소검색시
보통 새창을 띄워서 하는점이 좀 불편하더군요. 어디선가 합격자 발표를 수험번호만 넣고 확인
을 누르면 스크립트 알러트창으로 합격여부를 알려주더군요.
그래서. 아래의 거친마루님께서 알려주신 다중셀렉트박스의 내용을 변경해서.. 아이디 중복 체크와 주소검색을 새창띄우지 않고 방법을 알아보았습니다.
주소검색에 관한 내용만 알려드려도 아이디 중복체크에 관한건 금방 눈치채실거라 생각하고
직접 작성을 해보시기 바랍니다.(예제는 제홈의 등록버튼을 누르세요) 무지 편하더군요. 그외에 다른것들도 응용을 해보시면 약간
의 귀차니즘이 해소 될겁니다.
==================================주 소 검 색=======================================
----- HTML ------
<html>
<head>
<title>간단 주소검색</title>
<script id="dynamic"></script>
<script>
function PostSearch() {
var data = document.select.postsh.value;
dynamic.src = "addrData.php?address=" + data;
}
</script>
</head>
<body>
<form name="select">
<input type=text name=postsh size=15> <input type=button value='주소검색' onclick='PostSearch()'><br>
<select name="addr" onchange="javascript:document.select.addr2.value='나머지 주소 입력하세요';">
<option name=addr value=0>동이름을 입력하여 검색하세요</option>
</select>
<input type=text name=addr2 size=20 onfocus="javascript:document.select.addr2.value=''">
</form>
</body>
</html>
------------------------
------- P H P ----------
<?php
include "DB 연결정보";
$sql = "select * from address where addr3 like '%$_GET[address]%' ";
$result = mysql_query($sql);
$num=mysql_affected_rows();
printf("document.select.addr.length = $num + 1; n"); // 생성시 빈공백이 생기므로 1을 더해줘야함.
printf("document.select.addr.options[0].text = '검색된 주소를 선택하세요'; n");
$i=1;
while($rows = mysql_fetch_array($result)){
$post="$rows[code]";
$addr1="$rows[addr1]";
$addr2="$rows[addr2]";
$addr3="$rows[addr3]";
printf("document.select.addr.options[$i].text = '$addr1 $addr2 $addr3'; n");
printf("document.select.addr.options[$i].value = '$post $addr1 $addr2 $addr3'; n");
$i++;
}
?>
===================================================================================
댓글 5
-
[포터]아렌티
2003.03.05 21:38
-
Vichara
2003.03.06 17:59
거의 치고 enter 누르지 않나요?
그런데 이건 엔터가 안되서 일일이 클릭을....쿨럭..
아니 뭐 그렇다고요 뭐 탭으로 눌러지긴 하지만
(맞나?) -
▦DarkAngel▦
2003.03.07 20:19
주소 검색은 보통..엔터가 아니라 마우스 클릭이죠.. -
임태진
2003.03.11 11:43
흐음 편하고 하지만...디자인이 조금 마음에안드나 조금 디자인쪽만 손보면 너무너무좋겠어요 ㅡ.ㅡa 제계정에도 올려봐야되겠네요 -
신사
2003.05.07 10:00
엔터로 검색할수있게 만들어주세요
정말 이쁘네요~!
계정 생기면 해보고 싶은..