HTML
구글지도 결제정보 등록없이 iframe사용하기
어느새부터 구글지도에 결제 카드를 등록해서 특정 크래딧(트래픽)이 넘어가면 비용이 자동 청구되게 바뀌었다.아무대나 카드등록을 하는건 아주 위험하기에..단순 iframe으로 사용 가능한 코드를 찾아냈다. 주소 부분에 정확하게 주소를 입력하면, 좌표가 찍힌 iframe이 출력된다.
HTML5와 HTML의 차이점, 정의, 역사
HTML이란? HTML의 역사 HTML5와 HTML의 차이점 HTML이란? HyperText Markup Language의 줄임말 HyperText : 문서를 서로 연결해 주는 링크. HTML에는 서로 연결한다는 의미가 포함 Markup : '표시한다'는 뜻. 내용을 보여주는 텍스트, 이미지, 영상들의 위치를 표시하는 것을 의미 HTML의 역사 1991년 말 버너스리가 처음으로 인터넷에서 문서를 HTML 태그로 부르면서 시작되었다. HTML5와 HTML의 차이점 2014년 11월 발표된 HTML 표준 규약은 이전 버전과 구별하기 위해 한동안 HTML5라고 불렀다. HTML5는 이전에 사용하던 HTML4에 이어 다양한 기능이 추가되었기 때문에 4 다음 숫자인 5를 붙여 HTML5라고 불렀다. 1. Syny..
[HTML] 반응형 이미지에 링크를 추가하는 3가지 방법(rwdImageMaps.js, Map, a tag)
모바일 사용이 늘면서 어떤 화면 크기에서도 이미지 크기가 일정 비율로 보여야 했다. 화면 크기에 따라 변화하는 이미지의 특정 영역에 링크 삽입하는 방법은 무엇이 있을까. 📍 Image Map html을 처음 배운 사람이라면 정석대로 생각할 방법이다. 하지만 coords는 map을 기준으로 고정되어있기에 화면 변화에 대응하지 못한다. 이러한 문제를 해결하기 위한 라이브러리 rwdImageMaps.js. map이 연결된 이미지의 크기에 따라 coords가 동적으로 변한다. (대박이다. 개발자 만세) https://github.com/stowball/jQuery-rwdImageMaps readme를 읽고 그대로 하면 된다. 🥠 a tag, div를 퍼센트로 배치 div에 이미지와 a tag를 함께 넣어 a t..
회사 메일 서명 템플릿
회사 로고 이미지 홍길동대리 00팀 010 0000 0000 (02) 전화번호 0000@회사사이트 회사사이트 회사주소 회사 로고 이미지 홍길동대리 00팀 010 0000 0000 (02) 전화번호 0000@회사사이트 회사사이트 회사주소
[HTML] 체크박스 안바뀌게 하기
1. onclick="javascript: onlyChecked(this)" function onlyChecked(getName){ getName.checked = true; } 2. $("input").on('click',function () { alert('변경 불가'); return false; });
영상 컨트롤 / 영상 이벤트
$(document).ready(function(){ $('video').on('ended',function(){ console.log('Video has ended!'); }); }); 제이쿼리 $('video').get(0).play()
팝업의 부모 요소로 form전달하기
function do_submit(cmd) { var found = false; var theform = document.signin2; var error = ['데이타를 한개 이상 선택해 주십시오.', ' 잘못된 명령입니다.\n명령을 실행할 수 없습니다.' ]; var cmdtxt = ['', '처리할', '처리할', '처리할']; //var action = ['delete', 'setflag', 'move', 'move']; for (var i = 0; i < theform.elements.length; i++) { if (theform.elements[i].name != 'staffId') continue; if (theform.elements[i].checked == true) { found = ..