본문 바로가기

Data-attribute to Modal in Bootstrap4 (모달에 데이터 전달하기) Data-attribute to Modal in Bootstrap4 부트스트랩4에서 모달을 보여지게 하는 방법은 몇 가지가 있죠. 그중에서 Button을 누르면 모달이 띄워지는 방법이 있죠. 아래와 같은 코드로 가능합니다. 검색 ... 코드를 잠깐 살펴보면 button을 누르면 data-toggle="modal" data-target="#test_modal"을 통해서 modal이 보여지게 되죠. data-target은 modal div의 id와 일치해야 하고요. 이번 포스팅에서 정리하려는 것은 button에 있는 data-test='aaa' 를 modal로 전달하자 라는 것입니다. 아래와 같은 코드로 가능한데요. show.bs.modal은 https://getbootstrap.com/docs/4.3/co.. 더보기
Html parsing - beautifulsoup4 (find all elements using attribute) 아래 포스팅들에서 이어집니다. :-) 2016/08/21 - Html parsing - beautifulsoup4 (child element) 2016/08/21 - Html parsing - beautifulsoup4 (find_all image src) 2016/08/20 - Html parsing - beautifulsoup4 (install) 위 포스팅들을 보면 주로 find_all 에서 class 이름으로 elements를 찾는데요. 전 이게 일반적이라고 봅니다. 대부분의 사이트에서는 class 이름만으로 찾기가 가능하다고 생각하거든요. 이번 포스팅에서는 class가 아니라 다른 attribute를 활용해서 elements를 찾는 것에 대해서 작성해둡니다. 이 포스팅 내용은 아래 URL에서도 찾.. 더보기
Html data attribute parsing using jQuery data-* attribute는 사용하기에 따라 유용하게 활용할 수 있습니다. 예로 아래와 같은 data-* attribute가 있다고 가정하겠습니다. 2개의 data-* attribute를 설정해봤어요. 하나는 data-type다른 하나는 data-sub-type 입니다. jQuery를 통해서 해당 data-* attribute를 파싱하는 방법은 아래와 같아요. 위 소스로 출력되는 결과는 아래와 같습니다. // AAA var pType = $('.testP').attr("data-type") var pSubType = $('.testP').attr("data-sub-type") console.log(pType); console.log(pSubType); data-* attribute를 하나 더 추가해봤.. 더보기
Bootstrap Modal 띄우기(생성/열기/보여주기) Bootstrap Modal을 띄우는 방법은 Javascript를 사용하는 것과 HTML element의 data attribute를 사용하는 것이 있습니다. 일단 modal은 아래와 같은 코드로 구성되어 있다고 가정하죠. {% block start-footer %}{% endblock %} {% block modal-header %} {% endblock %} {% block modal-body %} modal test {% endblock %} {% block modal-footer %}닫기{% endblock %} {% block end-footer %}{% endblock %} 1. 먼저 Javascript를 활용하는 예는 아래와 같아요. $("#testModal").modal(); 위 그림에서 .. 더보기
Ceph, RADOS - object setxattr getxattr 관련 포스팅 목록 Ceph, RADOS - pool list, create, delete - http://ngee.tistory.com/758 Ceph, RADOS - object list, put, and get - http://ngee.tistory.com/781 Librados Python - Pool List, Create, Delete - http://ngee.tistory.com/759 Librados Python - Object Input, Output - http://ngee.tistory.com/760 일단 참고 URL 부터 architecture - http://docs.ceph.com/docs/master/architecture/ rados object storage utility -.. 더보기
GeoJSON to TopoJSON 이전에 TopoJSON을 설치하는 내용을 정리한 적이 있습니다. TopoJSON Install : http://ngee.tistory.com/766 1. 설치가 되었다면 GeoJSON을 TopoJSON으로 바꾸는 것은 일도 아니더라구요. 예를들어서 aaa.geojson 파일을 bbb.json (topojson 타입)으로 변경하기 위해서는 topojson -o bbb.json aaa.geojson 위와 같이 간단합니다. -o 옵션은 output file의 이름을 작성하는 옵션이구요. 가장 마지막에 입력 geojson 파일 이름을 작성해주면 끝이죠. 기본적으로 위와 같은데요. 위와 같이 수행하시면 모든 속성정보를 생략한 채 topojson 파일을 만들어요. 2. 속성정보를 포함하는 topojson을 만들기 .. 더보기