다음지도 검색처럼 레이어 띄우고 IFRAME 불러오는 예제

다음지도 검색처럼 레이어 띄우고 IFRAME 불러오는 예제

QA

다음지도 검색처럼 레이어 띄우고 IFRAME 불러오는 예제

본문

안녕하세요.

제가 JQUERY 복잡한건 약해서 종종 어려움을 겪네요.

 

제가 하려는건 다음주소 검색처럼

버튼을 누르면 레이어가 뜨고 http://sir.kr/cm_free/1370306 <<== 이것 지도를 클릭하여 지역을 선택하는기능을 만들려고 합니다.

 

버튼을 누르면 레이어가 뜨고 http://sir.kr/cm_free/1370306 <<== 이것 지도를 선택하는 페이지를 AJAX나 IFRAME으로 띄워서 선택하게 하려고 합니다.

다음 우편번호 검색과 비슷해요.

 

다음 우편번호 검색 소스는 복잡하고 다음 서버의 소스를 연동하여 제가 파악하기가 어렵더군요. 

 

 

제가 찾는 버튼을 누르면 레이어가 뜨고 그 레이어 안에 IFRAME이나 AJAX로 페이지를 불러올수 있는 예제 아는것이 있으면 부탁드립니다.

이거 해결해 주시는 분께 서울에 계시면 커피샵에서 커피한잔 대접해 드리겠습니다.

꼭좀 부탁드려요~~^^

 

 

매너좋은 고갱님이 요청하신거라 깔끔하게 잘 만들고 싶네요.

읽어주셔서 감사합니다.

이 질문에 댓글 쓰기 :

답변 3


<!doctype html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
    <link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example3/colorbox.css">
    <script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
 
    <script>
    $(document).ready(function(){
 
        //$(".ajax").colorbox();
 
        $(".iframe").colorbox({
            /*  http://www.jacklmoore.com/colorbox/
                이용가능옵션은, Settings 섹션 참조
            */
            iframe:true, width:"80%", height:"80%",
            title:'다음지도'
        });
 
    });
    </script>
</head>
<body>
 
<!--<p><a class="ajax" href="http://map.daum.net/" title="타이틀">AJAX</a></p>-->
<!--<p><a class="iframe" href="http://map.daum.net/">IFRAME방식 다음지도검색</a></p>-->
<p><button class="iframe" href="http://map.daum.net/?param1=value1&param2=value2">IFRAME방식 다음지도검색</button></p>
 
</body>
</html>

 

아 머리속에서 수많은 말들이 지나갔지만....

글로쓰려니 힘드네요 (이넘의 글재주란..)

 

다음분이 자세히 .... 후다닥..

답변을 작성하시기 전에 로그인 해주세요.
전체 171
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT