웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
이젠 주소검색 편하게쓰자~~~!! (새창띄우지 않습니다)
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
제목 | 글쓴이 | 날짜 |
---|---|---|
플래시 칼라피커 두번째 버전 [1] | 행복한고니 | 2005.03.16 |
플래쉬 갤러리 비슷한 자바스크립 갤러리 [13] | monozzang | 2005.04.04 |
풍선도움말 스크립트 [3] | 행복한고니 | 2005.04.11 |
타켓으로 페이지 이동하는 스크립트 [2] | 로크 | 2005.04.16 |
팝업창을 내용에 맞게 크기 자동조정하기 [2] | 김경수 | 2005.04.23 |
상태 표시줄 감지 (URL 가리고 내용 표시) 업그레이드 소스 [2] | ArⓒH | 2005.05.30 |
링크 점선 처리 onfocus=blur() [5] | woosh | 2005.06.06 |
마우스 오른쪽버튼 금지시키기스크립트 [5] | 박시현 | 2005.06.26 |
파일 업로드 버튼 이미지로 사용하기 [1] | 행복한고니 | 2005.06.29 |
SP2 팝업차단 무시하고 팝업띠우기?! [8] | 오길호 | 2005.07.23 |
미디어 플레이어? 난 곰플레이어야! [9] | 송재영 | 2005.07.24 |
자바스크립트 음악목록 랜덤 재생하기 | 만능천사 | 2005.08.14 |
Rain# 머문시간 나타내기 [상태창] | Rain | 2005.08.14 |
뉴스티커 [4] | beMax | 2005.08.26 |
배경색 랜덤으로 바꾸는 스크립트 [1] | ColonD | 2005.10.15 |
클릭으로 배경색 바꾸는 스크립트(수정) [1] | ColonD | 2005.10.16 |
2005/10/16 21:15 pm 형식으로 출력되는 시계 [5] | 웹-하루 | 2005.10.18 |
임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) | ColonD | 2005.10.20 |
주소창에 경로감추기 [5] | ☆쭈야☆ | 2005.10.29 |
홈페이지 만드실때 방문자의 해상도가 걱정 되신다면 [5] | 한용 | 2005.11.11 |