Web
-
[JavaScript] 웹페이지에서 스크롤 맨아래로 내려갔을때 추가 항목 로드(ex. facebook 타임라인 불러오기) JS / CSEWeb/JavaScript 2015. 6. 13. 14:18
//더보기 시 리스트를 5개씩 들고오기var board = $("#board");var addObj=""addObj+="추가1"addObj+="추가2"addObj+="추가3"addObj+="" //스크롤이 맨 끝에 내려왔을때$(window).scroll(function(){ var scrolltop = $(window).scrollTop(); if( scrolltop == $(document).height() - $(window).height() ){ for(i=0; i
-
[PHP] 55. AJAX Poll - PHP 강좌, PHP5Web/PHP 2015. 6. 13. 14:16
PHP Example - AJAX Poll 1. AJAX Poll 아래 예제는 리로드 없이 투표 결과를 보이는 예제입니다. 2. Example Explained - The HTML Page 12345678910111213141516171819202122232425262728293031323334function getVote(int) { if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatec..
-
[PHP] 54. AJAX RSS Reader - PHP 강좌, PHP5Web/PHP 2015. 6. 13. 14:15
PHP Example - AJAX RSS Reader RSS 리더는 RSS 피드를 읽을 때 사용됩니다. 1. AJAX RSS Reader 아래 예제는 웹페이지 리로드 없이 RSS-피드를 불러오는 예제입니다. 2. Example Explained - The HTML Page 1234567891011121314151617181920212223242526272829303132333435363738function showRSS(str) { if (str.length==0) { document.getElementById("rssOutput").innerHTML=""; return; } if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, S..
-
[PHP] 53. AJAX 실시간 검색 ( AJAX Live Search) - PHP 강좌, PHP5Web/PHP 2015. 6. 13. 14:15
PHP Example - AJAX Live Search AJAX는 좀 더 사용자 친화적이고 상호작용적 검색을 만드는데 사용됩니다. 1. AJAX Live Search 아래 예제는 사용자가 타이핑하는 동안 실시간 검색을 할 수 있게 보여줍니다. 실시간 검색(Live Search)는 기본 검색과 비교했을 때 많은 장점을 갖습니다: - 타이핑과 동시에 결과 보여줌 - 타이핑하는 동안 작은 결과창 보여줌 2. Example Explained - The HTML Page 123456789101112131415161718192021222324252627282930313233343536 function showResult(str) { if (str.length==0) { document.getElementById("..
-
[PHP] 52. AJAX 와 XML ( AJAX and XML) - PHP 강좌, PHP5Web/PHP 2015. 6. 13. 14:14
PHP Example - AJAX and XML 1. AJAX XML Example 위 예제는 AJAX로 XML로부터 웹페이지에서 정보를 어떻게 불러오는지에 대한 예제입니다. 2. Example Explained - The HTML Page 사용자가 리스트박스의 CD를 선택할 때, showCD() 함수가 실행됩니다. 123456789101112131415161718192021222324252627282930313233343536373839function showCD(str) { if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) { // code for IE7+, Firefox..
-
[PHP] 51. AJAX 와 MySQL ( AJAX and MySQL) - PHP 강좌, PHP5Web/PHP 2015. 6. 13. 14:13
PHP - AJAX and MySQL 1. AJAX Database Example 아래 예제는 AJAX를 이용하여 웹페이지에서 데이터베이스로부터 정보를 어떻게 가져오는지에 대한 예제입니다. 2. Example Explained - The MySQL Database 데이터 베이스 테이블은 아래와 같습니다. idFirstNameLastNameAgeHometownJob1PeterGriffin41QuahogBrewery2LoisGriffin40NewportPiano Teacher3JosephSwanson39QuahogPolice Officer4GlennQuagmire41QuahogPilot 3. Example Explained 예제는 리스트 박스를 사용자가 클릭 했을 때, showUser()를 호출하게 하는 예..
-
[PHP] 50. AJAX 와 PHP(AJAX and PHP) - PHP 강좌, PHP5Web/PHP 2015. 6. 13. 14:12
PHP - AJAX and PHP AJAX는 좀 더 상호적인 어플리케이션을 만들기 위해 사용됩니다. 1. AJAX PHP Example 아래 예제는 사용자가 입력 필드에 문자를 타이핑하는 동안 웹 페이지와 웹 서버가 어떻게 통신을 하는가를 보이는 예제입니다. 1234567891011121314151617181920212223242526272829function showHint(str) { if (str.length == 0) { document.getElementById("txtHint").innerHTML = ""; return; } else { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (xmlhtt..
-
[PHP] 49. AJAX 소개( AJAX Introduction) - PHP 강좌, PHP5Web/PHP 2015. 6. 13. 14:12
AJAX Introduction AJAX는 웹 페이지의 일부분 수정에 관한 것 입니다, 전체 페이지를 리로드 할 필요 없이. 1. What is AJAX? AJAX = Asynchronous JavaScript and XML AJAX는 빠르게 생성하고 다이나믹한 웹 페이지를 위한 기술입니다. AJAX는 브라우저 뒤의 서버의 작은 양의 데이터를 교환함으로 비동기적으로 웹페이지를 수정하는 것을 허용합니다. 일반적인 웹 페이지(AJAX를 사용하지 않는)는 내용이 바뀌여야 한다면 모든 페이지를 리로드해야 합니다. AJAX를 이용하는 어플리케이션들: Google Maps, Gmail, Youtube, Facebook tabs. 2. How AJAX Works [ 출처: W3Schools ] 3. AJAX is B..