일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 주식
- linux
- 주식 청약 일정
- Stock ipo
- 공모주 청약 일정
- java
- 주식 청약
- Oracle
- css
- 오라클
- 자바스크립트
- 자바
- 7월 공모주 청약 일정
- 공모주 청약
- JavaScript
- IPO
- MYSQL
- jquery
- SQL
- Stock
- 리눅스
- 공모주
- html
- 맥
- codeigniter
- php
- 제이쿼리
- Eclipse
- JSTL
- 코드이그나이터
- Today
- Total
목록개발/html & css (107)
개발자의 끄적끄적
[html/css] html img tag onclick example / html 이미지 태그 확대해서 보는 방법 html 에서 이미지를 확대해서 보게 해야 하는 경우가 있습니다. 그럴때는 여러가지 방법이 있겠지만, 아래처럼 이미지를 클릭해서 새창으로 띄우게 하면 확대가 가능합니다. 바로 아래처럼 onclick 옵션을 이용하는 건데요. onclick="window.open(this.src)" 위와 같이 onclick 옵션을 아래와 같이 img 태그에 추가하시면 됩니다. 결과는 아래와 같이 onclick 가 추가되면 됩니다. 참고들 하세요!
[html/css] html meta viewport example / html 이미지 확대 막는 방법 html 에서 특정 사이트는 이미지 확대가 안되게 막혀있는 경우가 있습니다. 바로 meta 태그중 viewport 라는 값 때문인데요, 이번에는 이미지 확대를 막는 방법을 공유해보겠습니다. 아래와 같이 meta viewport 를 하나 작성합니다. 그리고 위 meta tag 에 아래 나와있는 내용을 추가합니다. user-scalable=no 정상적으로 추가가 되면 아래와 같이 meta 태그가 작성되어 있어야 합니다! 그리고 새로고침 후 다시 확인해 보시면 확대가 안되는것을 확인할 수 있습니다! 참고들 하세요!
[html/css] css 문자열 ... 처리하는 방법 html 에서 특정 div 같은 영역에 적혀있는 텍스트가 많아서 영역을 벗어나서 표기되거나 하는 경우가 있습니다. 그럴때는 영역을 벗어나는 데이터는 ... 으로 표기하고 싶을수도 있는데요. 해당영역에 아래와 같이 스타일을 추가해주시면 됩니다! text-overflow:ellipsis;white-space:nowrap;overflow:hidden; 참고들 하세요!
[html/css] html iframe sandbox allow modals error 해결 방법 html 에서 iframe 을 사용하다 보면 아래와 같이 sandbox allow-modals 라는 에러가 발생하는 경우가 있습니다. The document is sandboxed, and the 'allow-modals' keyword is not set. 그럴때는 아래 내용 처럼 iframe 에 sandbox 속성에 allow-modals 를 추가해주면 됩니다! 참고들 하세요!
[html/css] html iframe allow popups error 해결 방법 html 에서 iframe 를 이용하다 보면 allow_popups 관련 에러가 콘솔에 나타나는 경우가 있습니다. 그럴때는 아래와 같이 sandbox 를 추가해주시면 됩니다. 위 내용처럼, sandbox 속성에 allow-popups 라는 내용을 추가해주시면 해당 에러는 사라지게 됩니다! 참고들 하세요!
[html/css] html iframe load complete check example / html iframe 로드 완료 여부 확인 방법 html 에서 iframe 을 이용해서 특정 사이트의 내용을 불러와서 표시해야 하는 경우 해당 내용이 로드 되었는지 확인해야 하는 경우가 있습니다. 그럴때는 아래 나와있는 내용처럼 readyState 를 이용하시면 됩니다. 아래와 같이 text_frame 라는 아이디를 가지는 iframe 이 있다고 가정하고, 위 iframe 이 정상적으로 로드 되었는지 확인하려면 아래와 같이 스크립트를 작성하시면 됩니다. frame.readyState 가 complete 면 정상적으로 로드가 된것으로 보시면 됩니다! 참고들 하세요!
[html/css] html a tag text-decoration-line example / html a태그 밑줄 없애는 방법 html 에서 a태그를 사용하여 링크를 설정하면 링크가 걸린 a태그 안에 내용에 밑줄이 생기는것을 확인할 수 있습니다. 그럴때 밑줄을 제거하는 방법을 공유하려고 합니다! text-decoration-line: none; 위에 나온 내용을 밑줄을 없애고자 하는 a 태그의 css style 로 추가해주면 됩니다. 참고들 하세요!
[html/css] html form enter submit disable example / html 폼 엔터 submit 방지하는 방법 html 에서 form 데이터를 다루다 보면 버튼을 클릭시 폼이 전송되게 처리를 합니다! 그중에서 버튼의 타입도 button 이고 잘 설정되어 있는데 엔터키 입력시 submit 이 실행되서 페이지가 새로고침 되는 경우가 있는데요! 그럴때는 아래와 같은 방법으로 처리하시면 됩니다! 바로 onsubmit 옵션을 이용하는 방법인데요! onsubmit="return false;" 위와 같은 옵션을 아래 나온 내용처럼 form 에 추가하시면 됩니다! 참고들 하세요!