맛집 여행 캠핑 일상 생활

무슨 이유때문인지는 몰라도 onkeyup 이 안먹히는 경우가 있네요~ 크롬 브라우저를 너무 오래 사용해서 그런지 새로 설치한 크롬 브라우저에서는 잘 됩니다. 아무튼 위와 같은 코드가 안먹힐 때 jQuery 에서 처리하는 방법입니다. $(document).ready(function(){ $('input[name=inputField1]').on('keyup keypress',function(){ alert(this.value); }); }); 참 신기한 경우도 있네요~

인스타그램 iframe 에 표시하는 예제 소스코드입니다. insta_urls 배열에 미리 주소값을 넣어놓으면 사진이 바로 보입니다. 응용해서 사용하시면 됩니다.

select 태그에서 id 가 없고 name 만 있는 경우에 셀렉트 onchange 이벤트를 캐치하는 방법입니다. $(document).ready(function(){ $("select[name='sOption']").change(function(){ alert(this.value); }); }); v1 v2 v3 id="sOption" 이라면 $("#sOption") 으로 가능합니다.

이미지 src 경로에 해당 파일이 없으면 Not found 에러가 나는데 대체 이미지를 지정할 수 있습니다. $('img').error({param1:value1}, function(e){ $(this).unbind('error'); // 무한루프 방지 $(this).attr('src',e.data.param1); }) .click({url:link},function(e){alert(e.data.url);}); 위의 소스 코드를 보고 응용하시면 됩니다.

jQuery AJAX 로 자신의 도메인이 아닌 다른 외부도메인의 주소를 호출시 일반적인 방법으로 값을 가져올 수가 없습니다. 타도메인을 호출할 때는 dataType 을 jsonp 로 설정하여야 하고 PHP 에서는 callback 함수로 리턴하여야 합니다. example.html 예제1) jsonpCallback 을 설정한 경우 function myCallFunction(v) { alert(v.param1 + ", " + v.param2); } $(document).ready(function(){ var request = $.ajax({ type: 'POST', data: {param1:'v1',param2:'v2'}, url: 'https://www.ivps.kr/zipcode/ajax-request.p..

[jQuery] Detect Local IP javascript 로 로컬아이피를 알아내는 소스코드입니다. IP here https://www.whatismybrowser.com/ 여기에서 가져온 코드입니다. 한번 들어가보세요~ 2020.02.11 지금은 윈도우 업데이트 때문인지 몰라도 아이피가 이상한 헥사값으로 나오네요~

[jQuery] 상위 노드 parent 찾기 자바스크립트의 document.getElementByID 로 찾는게 아닌 상위의 태그를 찾는 방법입니다.아래의 예는 팝업을 닫는 예제입니다. 코드를 보시면 이해가 되실 겁니다.

jQuery 특정 Element 제외하고 선택하기 특정 id나 element를 제외하고 액션을 수행할 수가 있습니다.아래 예제를 보면 두번째, 세번째 div 를 제외한 나머지를 선택하는 jQuery입니다.jQuery("div").not("#div2, #div3").each(function(){$(this).css({'backgroundColor':'red'});}); div1div2div3div4div5

jQuery image cache load 문제 익스플로러는 load (javascript onload) 함수를 타지만, 크롬브라우저는 Cache 에 저장된 이미지의 경우는 타지를 않습니다.대신에 complete 라는 변수의 값으로 판단이 가능합니다.$("img").each(function(i){if(this.complete) { // 캐쉬된 이미지alert ( this.width );}else {$(this).load(function(){alert ( this.width );});}});위 코드 처럼 분기시켜서 적용하면 잘 됩니다.

XE jquery.min.js 충돌로 에러가 날때 XpressEngine 에서 /common/js/jquery.min.js 를 호출하는 데도 jQuery 가 동작 안할 때가 있습니다.다른 사이트에서 jquery.min.js 를 호출하면 어떤 곳은 먹히지만 또 어떤 곳은 충돌이 일어나서 안되는 곳도 있습니다. 원인은 jQuery 를 대체하는 $ 때문인데요~ $(window) => jQuery(window)$(document) => jQuery(document) 이렇게 $ 를 jQuery 로 치환하여 주면 됩니다.