728x90 SMALL 분류 전체보기405 vpn접속 보호되어 있는 글 입니다. 2022. 7. 14. jquery 스크롤이 있는 영역의 특정한 행으로 스크롤 이동하기, offset안먹힐때 , position https://wogus789789.tistory.com/307 javascript 원하는 지점으로 스크롤 이동, 해당영역으로 스크롤이동 var offset = $('.data').offset(); $('html').animate({scrollTop : offset.top}, 400); 해당 영역의 클랙스명 or id명을 가져와서 적용해주면 된다 wogus789789.tistory.com 예전에 이런 글을 올린적이 있었다 뭔가를 클릭했을때 해당하는 지점으로 스크롤을 이동시키는 것! 근데 이제 offset으로도 안 될때가 있다 html의 전체 body가 아니라 스크롤이 있는 특정 행으로 옮겨졌으면 좋겠는데 offset을 사용하면 절대좌표가 바뀌기 때문에 생각하는대로 먹히지않는다. 그때는 position을 .. 2022. 7. 11. [javascript ,jquery] trigger 처음에 안먹힐때, 클릭이벤트 안먹힐 때, document trigger click, 동적이벤트 후 트리거 웹에서 개발자도구로 해보면 트리거가 다 된다 클릭이벤트의 문제가 아님.... 근데 안되는 js에 넣었을 때 안된다 document.getElementById("facility_list").click(); $('#facility_list').first().trigger('click'); $('#facility_list').first().click(); 그렇다면 document.ready에 넣어주면된다 아무래도 내가 클릭이벤트를 document click을 해서 안먹힌 것 같았다 $(document).ready(function () { $('#facility_list').first().trigger('click'); }); 그리고 이 경우에는 트리거 이벤트와 클릭이벤트의 target이 똑같아야한다 $(doc.. 2022. 7. 5. javascript click이벤트 안먹힐때, 어떤 함수실행 후 재클릭이벤트 안먹힐때 원래 쓰던 클릭이벤트 $('.operate').on('click', function() { /// }) 한번은 클릭이 되는데 다른함수를 클릭한 이후에는 이 클릭이벤트가 먹히지 않았다 동적으로 페이지가 변경되면서 동일한 값에 클릭이벤트가 안먹히는 것 같았다 바꾼 클릭이벤트 $(document).on("click", ".operate", function() { // }) 위처럼 document를 사용하니까 어느곳에서도 클릭이벤트가 먹혔다 2022. 7. 5. [geoserver] OGC filter를 통해 값마다 스타일 지정해주기, 범례설정 먼저 코드부터 냅다 올리고 설명을 하겠다! Greater Than 800 Greater Than 800 food 800 circle #ff5722 1.0 15 less Than 800 less Than 800 food 800 circle #51abff 1.0 15 32000 스타일 코드는 기본 1featuretypestyle과 1rule이다 이제 그 안에 rule들을 추가시켜주면 되는 것임 나는 800을 기준으로 초과와 미만의 스타일을 달리 주고 싶었다 그래서 첫번째rule을 grater than 800으로 선언하고 ogcfilter를 추가해준다 ogc filter는 value와 경계를 설정할 수 있다 : 미만 : 같거나 큼 : 초과 원하는 필터를 쓰고 property에 기준이 될 value를 지정해주고.. 2022. 6. 29. [postgresql] table join하여 여러개 행 update, select하여 여러칼럼 update layer_test에 있는 xy(위경도)값을 tableA에 있는 lat,lot으로 넣어줘야했다 데이터 한두개면 select하여 update로 수정하면 되는데 생각보다 많아서 join하여 update하는 방법을 썼다 UPDATE..SET..FROM ..WHERE..문을 쓰면 된다 여러개의 컬럼을 update하고싶을때도 ,(콤마)로 구분해줘서 실행하면 된다 UPDATE tableA AS t SET lat = lt.y , lot = lt.x FROM layer_test AS lt WHERE t.sn = lt.sn ; 2022. 6. 24. [openlayers, geoserver] 맵에 마우스 올렸을 때 layer feature tooltip 표출하기 tooltip style과 body map과 info만 있으면 된다 // 그리고 많이 헤맸는데 tooltip을 openlayers의 example그대로 사용하려면 부트스트랩을 데려와야한다 순서 꼭 지킬것.....jquery -> jquery-ui -> bootstrap임... 툴팁의 내용을 올려줄 변수를 설정하고 맵 위에 마우스올렸을 때 주는 이벤트에서 설정을 시작한다 나는 시간이 없기도했고 데이터도 별로 없어서 아래와 같이 마우스 올렸을 때 매번 url을 통해 feature를 가져오는 방법을 사용했는데 추후 fetch를 사용해서 좀 더 효율적인 소스로 수정하고 좀 더 모듈화를 시킬생각이다... var info = $('#info'); info.tooltip({ animation: false, trigg.. 2022. 6. 23. [geoserver] SQL 뷰에서 parameter설정, 정규식, 파라미터 오류, 여러개의 변수 구분 원하는 것은 해당 시군구, 시설명, 시설타입으로 검색한 값들이 지도에 point형태로 표출되는 것 select * from layer_test where fclt_sn in (select f.fclt_sn from fclt f where f.sgg = '%cd%' and f.fclt_nm like '%nm%' and f.fclt_type1 like'%type%') 내가 작성한 쿼리는 위와 같다 layer에 각 시설들이 있는데 db에는 시설id만 있음 fclt(시설테이블)에서 시군구, 시설명, 시설타입을 검색하여 가져오는 쿼리이다 sql view에서는 파라미터를 '%cd%' 이런식으로 작성해주면됨 여기서 많이 헤맸는데 저 정규표현식을 ^[\w\d\s]+$로 하니까 문자는 허용이 안되서 오류가 났었다 해당 .. 2022. 6. 23. no such method 'hide' for tooltip widget instance JqueryUI works like: $el.tooltip("option","show"); $el.tooltip("option","hide"); Bootsrap works like: $el.tooltip("show"); $el.tooltip("hide"); 나는 부트스트랩이 없는데 "show"이렇게 해서 안먹힌 것이었다 option,show이렇게 하니까 에러는 사라졌다 참고ref https://www.edureka.co/community/69008/error-no-such-method-show-for-tooltip-widget-instance Error no such method show for tooltip widget instance I am using ajax to submit a form for .. 2022. 6. 22. [openlayers] openlayers활용하여 웹상에 지도올리기 https://github.com/openlayers/openlayers/releases/tag/v4.6.5 Release v4.6.5 · openlayers/openlayers 4.6.5 The v4.6.5 release fixes a hit detection issue when declutter: true is set on an ol.layer.VectorTile. Fixes #7669 - Use declutter tree only for text and image replays (@ahocevar) github.com 해당 스크립트 불러오고 html에서는 하나만 있으면 된다. 기본맵 설정 control을 사용하여 zoom을 활성화시킬 수 있음 layer에는 올리고싶은 layer을 올려줌 //기본 맵.. 2022. 6. 21. 이전 1 ··· 8 9 10 11 12 13 14 ··· 41 다음 728x90 LIST
