HTML과 JS를 통해, 불꽃놀이를 표현해 보았다.
https://truemaxdh.github.io/SpecialEffects/#aurora
SpecialEffects - Samples of special effects based on HTML and javascript
truemaxdh.github.io
| cmd 파일 검색 팁 (0) | 2023.06.21 |
|---|---|
| C# 32bit 실행 파일에서 64bit 메모리 사용 방법 (0) | 2022.01.25 |
| HTML5 불꽃놀이 (0) | 2020.07.15 |
| HTML의 DOCTYPE 선언은 정말 중요하다. (0) | 2019.11.02 |
| 잘 되던 톰캣이 갑자기 실행 안될 때 (0) | 2019.09.07 |
HTML과 JS를 통해, 불꽃놀이를 표현해 보았다.
https://truemaxdh.github.io/SpecialEffects/#fireworks
SpecialEffects - Samples of special effects based on HTML and javascript
truemaxdh.github.io
| C# 32bit 실행 파일에서 64bit 메모리 사용 방법 (0) | 2022.01.25 |
|---|---|
| HTML5 오로라 (0) | 2020.11.27 |
| HTML의 DOCTYPE 선언은 정말 중요하다. (0) | 2019.11.02 |
| 잘 되던 톰캣이 갑자기 실행 안될 때 (0) | 2019.09.07 |
| 나의 코드골프 (0) | 2019.08.07 |
Download BLOB content using specified charset
Download BLOB content using specified charset
Is possible to change the Blob charset really? I'm trying it for hours but it doesn't workds. See this. jQuery("#download").click(function() { var csv_content = jQuery("#csv").val(),
stackoverflow.com
| 잘 되던 톰캣이 갑자기 실행 안될 때 (0) | 2019.09.07 |
|---|---|
| 나의 코드골프 (0) | 2019.08.07 |
| JavaScript에서 file을 바로 만들어 다운로드 하는 방법 (0) | 2019.08.07 |
| Tibero 접속 및 사용로그 확인페이지 개발 (0) | 2019.08.01 |
| 나무를 그리는 몇가지 방법 (0) | 2019.06.13 |
How to create a file and generate a download with Javascript in the Browser (without a server)
How to create a file and generate a download with Javascript in the Browser (without a server)
Learn how to generate a file using javascript in the browser and download it directly without use any server (local solution).
ourcodeworld.com
| 나의 코드골프 (0) | 2019.08.07 |
|---|---|
| JavaScript에서 CSV생성시 한글깨짐 해결 방법 (0) | 2019.08.07 |
| Tibero 접속 및 사용로그 확인페이지 개발 (0) | 2019.08.01 |
| 나무를 그리는 몇가지 방법 (0) | 2019.06.13 |
| 한글깨짐 (0) | 2019.05.29 |
얼마 전에, HTML의 INPUT 태그 중에서
Radio 버튼의 변경을 막는 방법을 알아보았는데,
이번에는 Select Box의 변경을 막아야 할 일이 생겼다.
그래서 검색을 해 보다가,
가장 쓸만하고 적절한 방법을 발견하게 되었다.
다음 블로그에서 발견한 내용이다.
위와 같이, select 태그에 onfocus와 onchange를 추가하면,
옵션 선택을 변경하더라도 변경 내용이 적용되지 않는다.
onfocus와 onchange 이벤트를 적절히 활용해서,
간단하게 한줄로 마무리하는 모습이 인상적이다.
| CSS 위주로 만든 간단한 게임 (0) | 2018.05.05 |
|---|---|
| 자바스크립트 피아노 (0) | 2018.04.26 |
| 인터랙티브 디벨로퍼 블로그 (0) | 2018.04.20 |
| [HTML/Javascript]Radio버튼을 변경 못하게 막는 방법 (1) | 2018.04.13 |
| Spring을 이용한 페이지별 권한설정 방법(링크) 및 스프링 인터셉터(Interceptor) (0) | 2018.04.05 |
JavaScript에서 원하는 길이만큼 문자열을 잘라내기 위해서는,
substring함수를 사용하면 된다.
하지만, 문자열이 영어가 아닌 한글이나 다른 언어인 경우,
문자열의 길이가 바이트수와 일치하지 않는다.
왜냐하면, 기본적으로 영어는 한글자당 1바이트를 사용하지만
한글은 2바이트를 사용하기 때문이다.
따라서, 원하는 바이트수만큼 문자열을 잘라내기 위해서는,
문자열의 바이트수를 구하는 함수를 응용하여
다음과 같은 함수를 만들어 사용해야 한다.
function cutByLen(str, maxByte) {
for(b=i=0;c=str.charCodeAt(i);) {
b+=c>>7?2:1;
if (b > maxByte)
break;
i++;
}
return str.substring(0,i);
}
위 함수는, 문자열 및 최대 허용 바이트수를 입력하면
허용 바이트수를 초과하는 문자열을 잘라내어 주는 함수이다.
예를 들어,
alert(cutByLen('문자열 자르기 샘플', 10);
이라고 JavaScript코드를 작성하면,
'문자열 자'
까지만 출력된다.
| Doxygen에서 C++ 매크로 처리 방법 (0) | 2015.11.17 |
|---|---|
| 문서 자동화 (0) | 2015.11.17 |
| 생성자에서 다른 생성자 호출하는 방법 - Java, C# (0) | 2015.10.13 |
| Javascript로 Image Size(Width & height) 알아내기 (0) | 2015.08.22 |
| IE의 다운로드 경로에 파일이 없는 경우 (0) | 2015.08.18 |
다음과 같이 하면, JavaScript로 이미지 크기를 알아낼 수 있다.
<script language="javascript">
var img = new Image();
img.onload = function() {
var w = this.width;
var h = this.height;
alert("width : " + w + ", height : " + h);
}
img.src = '[이미지 경로]';
</script>
예를 들어, 다음과 같이 하면 티스토리 로고의 가로, 세로를 알아낼 수 있다.
<script language="javascript">
var img = new Image();
img.onload = function() {
var w = this.width;
var h = this.height;
alert("width : " + w + ", height : " + h);
}
function setImgSrc() {
img.src = 'http://i1.daumcdn.net/cfs.tistory/static/top/tistory_logo.gif';
}
</script>
다음 이미지를 클릭해 보세요.
<img src="http://i1.daumcdn.net/cfs.tistory/static/top/tistory_logo.gif"
onclick="javascript:setImgSrc();" />
| [JavaScript]원하는 바이트수만큼 문자열 잘라내기 (0) | 2015.11.04 |
|---|---|
| 생성자에서 다른 생성자 호출하는 방법 - Java, C# (0) | 2015.10.13 |
| IE의 다운로드 경로에 파일이 없는 경우 (0) | 2015.08.18 |
| Linux 명령어 Tip - grep & find (0) | 2015.08.12 |
| C#에서, 한글과 영어가 섞인 경우의 Format 정렬 (0) | 2015.07.23 |