김주환
110
2021-07-16 09:30:27 작성 2021-07-16 09:35:06 수정됨
3
128

자바스크립트 內 하이퍼링크에서 변수를 넣어 쓸 수 있는지 문의드립니다.


<div>

            <input type="hidden" name="lat" id="lat" value="{{post.lat}}">

            <input type="hidden" name="lon" id="lon" value="{{post.lon}}">

            <input type="hidden" name="post_id" id="post_id" value="{{post.id}}">

</div>

 

<script>

            lat = document.getElementById('lat').value,

            lon = document.getElementById('lon').value,

            post_id = document.getElementById('post_id').value;

 

            var markerPosition  = new kakao.maps.LatLng(lat, lon); 

            var marker = new kakao.maps.Marker({

                position: markerPosition,

                clickable: true

            });

            marker.setMap(map);

 

            var iwContent = '<div style="padding:5px;"><a href="http://localhost:8000/fire/'post_id'/">보기</a></div>',

                iwRemoveable = true;

...생략

</script>


일단 lat과 lon은 의도했던 대로 제대로 작동을 해줍니다.

그런데 맨 아래 하이퍼링크에서 post_id 변수를 넣는 법을 모르겠습니다.

''를 없애고 post_id라고 하면 그냥 그 post_id 텍스트 값으로 받네요.(당연하지만..)

백틱도 사용해보고 +도 사용해 봤는데 여전히 안되구요. ㅠㅠ


그리고 또 궁금한건 주소를 하드코딩해서 넣지 않으면 url이 강제로 현재의 url 뒤에 이어지는 형태로만 먹습니다. 지금 url이 map라면 map/fire/post_id 이런식으로 되네요.

http~~8000/ 을 입력하지 않고 fire/post_id 또는 url 컨피규레이션 했던 형태로 작성하면 강제로 map 뒤로 연결이 돼요. ㅠㅠ

0
  • 답변 3

  • 추다닥
    202
    2021-07-16 09:37:07 작성 2021-07-16 09:44:11 수정됨

    var iwContent = '<div style="padding:5px;"><a href="http://localhost:8000/fire/' + post_id + '/"> 보기</a></div>';


    아래 질문은

    절대경로, 상대경로에 대해 알아보시면 도움이 될거같습니다.

  • woo.s.o
    503
    2021-07-16 09:45:02 작성 2021-07-16 09:52:57 수정됨

    아래 추가 질문에 상대 경로 절대 경로에 대해 아시면 됩니다.


    href = '/fire...'  최상위 경로

    href = './fire...' 현재경로 같은 레벨 혹은 자식 경로로 이어짐(./ 는 생략 가능)

    href ='../file...' 상위 경로 현재 경로보다 위로 이동


    도메인 뒤에 나오게 하고 싶으시면 최상위 경로 혹은 레벨이 1인 경우 상위 경로 방식으로 하시면 됩니다.


    추가롤 원하시는 URL이라면 아래 같이 하시면 될 거 같네요


    var iwContent = '<div style="padding:5px;"><a href="/fire/' + post_id + '/"> 보기</a></div>';

    or

    var iwContent = '<div style="padding:5px;"><a href="../fire/' + post_id + '/"> 보기</a></div>';





  • 김주환
    110
    2021-07-22 15:18:45

    알려주신대로 모두 해결 됐습니다. 친절하고 정확한 답변 두 분 모두 정말 감사합니다. 남은 한해 복 많이 받으세요~ ^^

  • 로그인을 하시면 답변을 등록할 수 있습니다.