웹마스터 팁
이젠 주소검색 편하게쓰자~~~!! (새창띄우지 않습니다)
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
엔터로 검색할수있게 만들어주세요
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| '검색'창에 페이지 띄우기 [8] | KLclub | 2006.05.14 |
| 날씨/운세/뉴스/달력/검색등 메인용 귀연 정보박스[미리보기] [12] | 뽀因㉦ㅓо Ø Γ | 2006.07.19 |
| 자신의 홈페이지에 웹문서 검색엔진 장착하기 [4] | 지하넷 | 2009.05.04 |
| 통합 검색엔진 소스입니다. [5] | 철혈단 | 2003.02.19 |
| 내 홈페이지에 유명사이트 검색엔진을 달자...(네이버,다음,야후 등등) [3] | 트래비스 | 2006.05.10 |
| [소스] 개발자,디자이너 전용 통합검색 스크립트 [1] | 김성대 | 2006.05.19 |
| 고글검색하기!! [7] | 김민환 | 2006.10.30 |
| 간단한 검색 창입니다. [3] | sunholic | 2007.03.31 |
| 자신의 홈피에 통합 검색 순위 (검색어, 음악, 영화, 도서)를 달아보자. [1] | Rising.kr | 2008.01.21 |
| 자신의 홈페이지에 (검색,사전,로또,주식) 통합버전을 넣어보자. [3] | Rising.kr | 2008.01.21 |
| 파일시스템(배열)에서의 검색기능 [5] | 두기두바 | 2002.01.09 |
| [수정본]MP3파일를 검색하여 윈앰프로 실시간 감상하기 | 제누스 | 2002.03.28 |
| 제가 쓰는 mysql 검색알로리즘 입니다. [5] | 콩알™ | 2002.05.20 |
| 이젠 주소검색 편하게쓰자~~~!! (새창띄우지 않습니다) [5] | _-=Knight=-_ | 2003.03.05 |
| php 랜덤 이미지 디렉토리 검색으로 편하게.. [3] | 꺼노 | 2003.08.28 |
| [PHP 동영상강의] 45. 우편번호 검색기 제작해보기 [12] | 서기 | 2006.03.30 |
| [PHP 동영상강의] 46. 다중검색기 제작해보기 [8] | 서기 | 2006.04.06 |
| 네이버 openapi 사용하여 실시간 인기검색어 보여주기 [3] | 유창화 | 2006.04.13 |
| 네이버 openapi 사용하여 쇼핑검색 만들기 [3] | 유창화 | 2006.04.13 |
| apache 1.3.x-2.0.48 의 원격 유저 검색 취약점을 이용한 exploit [2] | DearMai | 2003.12.27 |
정말 이쁘네요~!
계정 생기면 해보고 싶은..