길이 이야기(Giri's Story)
CSS, JQuery 를 이용한 텍스트카운터 본문
우연히 파일질라 다운로드 페이지에 갔다가 신기한 카운터를 보았다.
분명 이미지도 아니고 플래시도 아닌데.. 카운터 숫자가 움직인다.
https://www.ohloh.net/p/filezilla/download?filename=FileZilla_3.2.6.1_win32-setup.exe
분석해 보니.. CSS와 JQuery를 이용한 카운터였다.
핵심 소스부분만 발췌하여 기록으로 남긴다.
본문에 삽입된 javascript 소스중에
<script>
..
window.delayed_iframe = "Done"
..
</script>
부분에 'Done'부분을 html 소스로 수정하게 되면 해당 카운팅이 완료되고 실행이 된다.
일반적인 html 코드뿐만 아니라 iframe 등을 삽입하면 다른액션을 수행할 수 있다.
분명 이미지도 아니고 플래시도 아닌데.. 카운터 숫자가 움직인다.
https://www.ohloh.net/p/filezilla/download?filename=FileZilla_3.2.6.1_win32-setup.exe
분석해 보니.. CSS와 JQuery를 이용한 카운터였다.
핵심 소스부분만 발췌하여 기록으로 남긴다.
본문에 삽입된 javascript 소스중에
<script>
..
window.delayed_iframe = "Done"
..
</script>
부분에 'Done'부분을 html 소스로 수정하게 되면 해당 카운팅이 완료되고 실행이 된다.
일반적인 html 코드뿐만 아니라 iframe 등을 삽입하면 다른액션을 수행할 수 있다.
invalid-file'IT기술,개발 > 웹프로그래밍' 카테고리의 다른 글
| [Ajax] Microsoft.XMLHTTP(Ajax) - 서버 실시간 모니터링 (0) | 2011.09.27 |
|---|---|
| [MYSQL] mysql data type (DB 데이터 타입) (0) | 2011.09.27 |
| [Linux] 아파치 웹로그분석툴 webalizer 설치 (0) | 2011.03.31 |
| crontab(cronjob) 스케쥴, php관리툴 응용제어 (0) | 2011.03.23 |
| 타디스(tadis) 운영을 마감하며... 타디스 History (6) | 2009.11.29 |
| 타디스, 퀴즈서비스 오픈!! 이제 양방향교신이 가능하네~ ^^ (0) | 2009.06.18 |
| 타디스, 웹페이지도 액티브하게! 실시간 모니터링 웹관리자, apache + php + mysql + ajax + snoopy (0) | 2009.06.17 |
| [오픈베타] 타디스(Tadis) - SMS문자게임 & 문자정보 (10) | 2009.06.16 |
| 09.04.21 - Yahoo! Korea. PHP 최적화 및 보안강화 세미나 (6) | 2009.04.22 |
| [무료세미나] PHP 성능 최적화 및 보안강화 , Rasmus Lerdorf (0) | 2009.04.14 |
'IT기술,개발/웹프로그래밍' Related Articles
more
Comments