jQuery 썸네일형 리스트형 Cross Domain XML using JQuery 크로스도메인에서 jquey 로 xml 사용하기 jquery 로 xml rss 등을 파싱해서 사용하는건 많이 있지만 외부사이트에 xml 이나 rss 사용시 문제가 발생한다. 이 문제에 대해 검색하던 중 좋은 자료가 있어 남겨놓는다. http://www.isgoodstuff.com/2012/07/22/cross-domain-xml-using-jquery/ “How do you parse a cross domain xml, using jquery ajax?” Many would have answered try “jsonp”, which is a json like cross domain solution then, later you tried it and the xml returned is giving you an error of illegal token. .. 더보기 jquery json 사용시 공백문제 jquery json 사용시 공백이 "+" 로 나오는 문제가 발생한다. json data 생성시 urlencode 대신에 rawurlencode 을 사용하면 된다. 더보기 Jquery fancybox 사용시 iframe type 에서 post 로 값 넘기기 fancybox 사용시 iframe type 으로 사용하면 해당 href 에 있는 주소로 get 방식으로 페이지를 불러온다. 하지만 post 방식으로 값을 넘겨서 페이지를 불러와야할 경우가 발생했는대 구글링을 통해서 방법을 찾을수있었다. 출처는 http://stackoverflow.com/questions/14316054/post-preview-passing-data-with-ajax-and-fancybox 방법은 POST preview with ajax API option REF: http://stackoverflow.com/q/14316054/1055987picssel.com /> Name: Password: Preview NOTE: This DEMO is for Fancybox v2.1.3+ 데모 .. 더보기 jQuery Timer jQuery Timer jQuery Timer adds the class $.timer(). $.timer() $.timer( [ action ] , [ time ], [ autostart ] ) action A Function to be called by the timer. time A Number determining how long between actions in milliseconds. autostart A Boolean indicating whether to start the timer. Defaults to false. Usage var timer = $.timer(function() { alert('This message was sent by a timer.'); }); timer.set(.. 더보기 Top 10 JQuery Tooltip Plugins! 1. Tooltipster This jQuery plugin can be used to create semantic and modern tooltips using CSS. 2. Toolbar.js This one has the capability to produce tooltip styled toolbards quickly. It can be used for websites and web applications. 3. Grumble js This plugin gives you special tooltips without the regular limitations. 4. Progression.js If tips about an active form field is what you are looking fo.. 더보기 jQuery Plugin For Auto Resizing iFrame - iFrame Resizer 아이프레임 리사이즈 아이프레임으로 컨텐츠를 관리할때 아이프레임 사이즈가 수시로 변하기때문에 resize를 해주어야 하는대 구글링을 통해서 쓸만한 jQuery Plugin 을 찾았다. 부모창에는 아이프레임에 들어가는 페이지에는 하단부분에 을 넣어준다. 출처 : http://www.jqueryscript.net/layout/jQuery-Plugin-For-Auto-Resizing-iFrame-iFrame-Resizer.html 더보기 jquery 배열 형태의 id 값 사용하기 jquery 를 사용할때 id 값이 배열 형태일때 selector id 값을 그대로 사용하면 지정이 안된다 그럴때 역슬래쉬를 두번 감싸서 사용하거나 You have to escape the brackets with \\$("#info\\[text1\\]") 정규식을 사용한 다음과 같은 방법을 이용하면 된다. Try it this way.$('input[id="info[text1]"]') 출처 : http://stackoverflow.com/questions/12973281/how-to-selector-id-textbox-array-using-jquery 더보기 jQuery Marquee 출처 http://www.jqueryscript.net/demo/Text-Scrolling-Plugin-for-jQuery-Marquee/ jQuery Marquee download Events beforeStarting: Event will be fired on the element before animation starts. finished: Event will be fired on the element after the animation finishes. pause: Fire/trigger this event on the element when you want to pause the animation, for example when you click/hover a link. paused: Event.. 더보기 Multi-line Text Overflow Ellipsis 출처 : http://dotdotdot.frebsite.nl/ 글이 길어지면 ... 으로 줄이는대 한 줄 일때는 overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 등을 사용하여 표현이 가능한대 여러 줄 일경우에는 표현이 힘들어 진다. 구굴링으로 찾아보았는대 css 로 처리하는것도 있고 jquery 로 처리하는것도 있는대 jquery 로 처리하는게 가장 간단해 보였다. 사용방법은 jQuery.dotdotdot Advanced cross-browser ellipsis for multiple line content. Demo's and documentation: dotdotdot.frebsite.nl Text only: before: Lorem .. 더보기 Jquery 를 이용하여 HTML5 placeholder 를 적용시키기 HTML5 의 Placeholder 를 지원하는 브라우저 Browsers Placeholder Support IE 9 이하 X Firefox 3.7 + ✓ Safari 4.0 + ✓ Chrome 4.0 + ✓ Opera 11 ✓ 출처 : http://www.simpleeditions.com/34001/placeholder-in-html5 With HTML5, you can let browsers give text input boxes a pre-filled value that serves as a hint for the user regarding what to type. When they start typing, the pre-filled value is replaced. You've probably s.. 더보기 이전 1 2 3 다음
