DOTI Project

아래의 소스는 Ajax를 이용하여 PHP 페이지에 JSON 타입의 데이터를 보내는 소스이다 간단한 예제로 아래의 소스를 응용하여 더 복잡한 기능의 페이지를 제작할 수 있다 [ajax.html 소스] 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 Ajax Test $('#getResult').click(function(){ $('#result').html(''); $.ajax({ url: 'result.php', dataType: 'json', type: 'POST', data: {'msg': $('#msg').val()}, success: function(result){ if(result['result']=..

GET 방식의 파라미터 값을 스크립트내에서 활용하는 방법 [예제 URL] index.php/?name=doti&age=30 [예제 소스] 1234567891011121314<script>function window.getParameter(strParamName) { var arrResult = null; if (strParamName) { arrResult = location.search.match(new RegExp("[&?]" + strParamName+"=(.*?)(&|$)")); return arrResult && arrResult[1] ? arrResu..

resizeTo, resizeBy를 이용해 브라우저 크기 조절 123<script> window.resizeTo(width, height);</script>cs - 브라우저를 지정한 크기로 변경함 123<script> window.resizeBy(width, height);</script>cs - 브라우저를 현재 크기에서 지정한 크기만큼 늘려준다

스크립트를 이용하여 지연시간을 구현할 수 있다 [예제1] 123456<script>function explode() { alert("Boom!");}setTimeout(explode, 2000);</script>cs [예제2] 123456<script>var explode = function() { alert("Boom!");};setTimeout(explode, 2000);</script>cs [예제3] 12345<script>setTimeout(function(){ alert("Boom!");}, 2000);</scr..

페이지 로딩 시 처리되는 스크립트 1234567891011121314<script>$(window).load(function() { // 로딩 완료되었을때}); $(document).ready(function() { // 문서의 로딩을 시작할때}); $(function() { // 로딩될때}); </script>cs 브라우저가 HTML을 읽어오는 순서 <출처 : http://ojtiger.com/179>

jQuery 명령 실행을 위한 스크립트 선언 스크립트 내에 아래의 jQuery 스크립트를 선언해야 jQuery 명령을 실행할 수 있다 이벤트 타입 .keydown() - 키 입력 시 발생되는 이벤트 .keypress() - keydown과 같이 키 입력 시 발생되는 이벤트지만 Enter, Tab 등의 특수키에는 발생하지 않음 .keyup() - 키 입력 후 발생되는 이벤트 [예제1] 입력된 키보드의 코드값을 확인하는 방법 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 $("#test").keydown(function(e) { alert(e.keyCode); }); Colored by Color Scripter cs [예제2] 입력된 값을 확인하는 방법 1 2 3 4 5 ..

간단한 스크립트를 이용하여 천천히 스크롤되며 올라가는 TOP버튼을 구현할 수 있습니다 1234567<button id='top'>TOP</button> <script> $('#top').click(function(){ $('html, body').animate({scrollTop:0}, 'slow'); });</script>Colored by Color Scriptercs