웹마스터 팁
이젠 주소검색 편하게쓰자~~~!! (새창띄우지 않습니다)
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
엔터로 검색할수있게 만들어주세요
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 폰갭 버전 업데이트 후 push 안되시는 분들께.. | 한꼬마 | 2017.08.09 |
| 포인트 적립 횟수 일별 제한하기 (게시글 및 댓글 작성시) | Redback | 2017.06.18 |
다음 우편번호 5자리 적용
[1]
 | 뒤늦게입문 | 2017.03.15 |
|
HTML, CSS 등 코드를 깔끔하게 정렬
[6]
| 참치.k | 2013.01.11 |
| SASS? CSS확장판 | 키큰아이 | 2017.05.09 |
| 사용자정의에서 URL형, email형, textarea 형등에서도 기본값 인식하게 하려면 | sejin7940 | 2017.04.25 |
| 비밀글에 대해서도 썸네일이미지는 출력되도록 하고 싶으면 | sejin7940 | 2017.04.12 |
| 제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] | 쿨리안 | 2003.06.28 |
| 게시글 확장변수 순으로 정렬하기 (2010.01.18 13:18 수정) [24] | June Oh | 2010.01.11 |
| 인기글 [1] | kdp | 2015.05.07 |
| [주옥시리즈]최신글,인기글 위젯에 댓글수 표기하기 [1] | socialskyo | 2013.10.01 |
|
.htaccess 파일 관련 팁(웹 사이트 퍼포먼스 향상 및 트래픽 절감 효과)
[21]
| 서시빈목 | 2013.10.22 |
| 압축 풀어 설치했던 XE를 git으로 변환하기 [6] | 기진곰 | 2015.02.25 |
| 반응형 기본 개념 | Ansi™ | 2017.02.27 |
| [도로명주소 krzip] 1.7.4 이전 버전들에 이용하기 [3] | XE플스 | 2014.02.06 |
| [리눅스] 속도향상 팁. nginx를 리버스프록시로 써봅시다. [6] | choco@_@ | 2013.07.11 |
| jquery swiper | Ansi™ | 2017.02.16 |
| 인스타그램 해시태그 회원가입 없이 끌어오기 | 외인 | 2017.02.08 |
|
CKEditor 글꼴란에 한글 폰트 추가하는 방법 (수정함)
[4]
| 기븐 | 2015.09.19 |
| 폰갭과 웹앱 그리고 XE... [6] | onTrust | 2015.04.23 |
정말 이쁘네요~!
계정 생기면 해보고 싶은..