본문 바로가기

Local Oriented/jQuery

 (132)
노드 다루기 1. 노드 찾기 http://lux.cuenet.kr/32 children() parent() 2. 노드 생성/추가 http://lux.cuenet.kr/34 prepend() append() before() after() 3. 노드 이동 http://lux.cuenet.kr/35 prepend() append() 4. 노드 삭제 http://lux.cuenet.kr/38 remove() 5. 노드 내용 수정
[펌] 무한 스크롤 https://velopert.com/1890스크롤이 내용의 마지막에 도달할 경우,다시 말해서 내용의 마지막까지 스크롤 될 경우..내용의 마지막에 새로운 내용을 추가하는 방법. 목록을 최초 10개 보여주고, 더 보기 버튼을 누르지 않고..맨 마지막에 도달할 때 그 다음 내용을 끌어와서 보여주는 용도로 사용.
jquery 플러그인 - http://js.cytoscape.org/ 관계도 Open-source. Free for all users. (LGPL3+) http://www.sitepoint.com/11-best-jquery-charting-libraries/ - http://www.learningjquery.com/2015/05/7-awesome-javascript-libraries-for-drawing - http://socialcompare.com/en/comparison/javascript-graphs-and-charts-libraries - https://codegeekz.com/best-jquery-chart-libraries-for-building-interactive-charts/ - http://techslid..
jquery, 화면 맨 아래로 스크롤 될 때 다음 목록 읽어오기 원문 : http://talkerscode.com/webtricks/load-results-from-database-on-page-scroll-using-jquery-ajax-and-php.php상기 원문에선 jquery 를 사용하면서도 다시 getElementById() 함수를 사용하기도 하네요..그리고, append() 함수를 사용하면 되는데.. 코드는 간단할수록 이해도 쉽고 수정도 편리하다지요. $(window).scroll(function(){ if($(document).height()
익명호출 function 실행 우선 순위 상기 코드를 실행하면 alert 되는 순서가 어떻게 될까요..?일단 자바스크립트는 한 줄 읽고 해석하여 실행하고, 다시 한 줄 읽고 해석하고 실행하는 절차 언어입니다.한 줄 안에 여러 문장이 기술된 경우 기술된 순서로 문장들이 실행됩니다.여러 줄에 걸쳐 하나의 문장이 기술된 경우 해당 문장이 모두 종료되는 시점에서 해당 문장 하나가 실행됩니다. 그러니까 중간에 오류가 발생하지 않으면 어느 때든 실행은 되는데,실행되는 시점이 중요한 거겠지요.상기 내용들이 기술된 순서는 보이는 대로 1/2/3 입니다.그러나, 화면에도 이런 순으로 뿌려질 것이라고 생각하면 오산입니다. $(document).ready(function(){ ... }); 은 document 곧 HTML 문서의 처음부터 끝까지를 모두 웹브라우저가..
고정 width 를 가진 웹페이지, meta viewport 로 모바일 기기별 해상도에 자동 맞추기 요즘 반응형웹이다 적응형웹이다 이슈가 장난 아니네요. 그러나, 둘다 모바일에 최적화 되어 있다고 할 수는 없어요. 요즘 나오는 모바일 기기는 PC 해상도를 상회하지만, 화면폭은 클 수가 없다는 겁니다.. ㅠ. 이럴 바에는 차라리 viewport 를 이용하는 것이 나아 보입니다. 물론, www 용과 mobile 용 웹페이지 2개를 운영해야 하겠지만서도요.. 암튼, 어떤 방법이든 장단점이 있으니까요. 여기에서는 모바일 홈페이지가 고정폭으로 적용된 웹사이트에서.. 어떻게 하면, 해상도가 서로 다른 모바일 디바이스에서 모두 한 방에 정상적으로 보이게 하느냐에 대해 다뤄봅니다. 초창기 스마트폰 해상도가, 320 인 시절이 있었지요. 이때 개발된 홈페이지들은 화면폭이 640 pixel 로 세팅되어 있어요. 320 ..
ajax 에서 데이타가 넘어 오지 않을 때 dataType 을 text 로 해 보심이.. .ajax 가 정상작동하지 않는 경우에는 어떤 것들이 있을까요..?(헷갈릴 수도 있으니까 A.jsp 가 B.jsp 를 .ajax 로 호출한다고 가정하고 설명할께요.) 1. A.jsp 가 B.jsp 를 호출 할 때 파라미터를 제대로 세팅하지 못하거나, A.jsp 가 넘겨준 파라미터를 B.jsp 가 제대로 해석하지 못할 때 2. B.jsp 가 한글이나 공백문자의 문자셋을 제대로 다루지 못하거나, B.jsp 가 넘겨주는 데이타에 문제가 있을 때 3. A.jsp 가 B.jsp 에서 넘어온 데이타를 제대로 해석하지 못할 때 자.. 다시 설명을 해 보면요.. 1. A.jsp 가 B.jsp 를 호출 할 때 파라미터를 제대로 세팅하지 못하거나, A.jsp 가 넘겨준 파라미터를 B.jsp 가 제대로 해석하지 못할 때 -..
jsonp 로 외부 HTML 을 가져올 수 있네요.. XSS 공격을 피해서.. 외부 웹사이트에서 HTML 을 jsonp 로 가져올 수가 있네요.. 외부 URL 의 HTML 을 호출하는 쪽 외부 URL. get 방식이다 보니, 4 kb 제한이 있어요. HashMap 은 try ~ finally 문을 통해 clear() 해 주는 것이 JVM GC 효율을 높입니다.

티스토리툴바