AJAX Cross Origin plugin

로컬 프록시를 작성할 필요없이 Cross Origin AJAX 요청을 허용하는 jQuery 플러그인입니다.   



Ajax Cross Origin - jQuery plugin

Source code In order maintain this site and keep it running, we ask for symbolic donation before you download the sources. You can donate as much as you want, even $1 is enough. The package contains the source code files include instructions and a test pag


  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript" src="js/jquery.ajax-cross-origin.min.js"></script>


<select id="service">
  <option value="http://ip.jsontest.com/">IP Address</option>
  <option value="http://headers.jsontest.com/">HTTP Headers</option>
  <option value="http://date.jsontest.com/">Date & Time</option>
  <option value="http://echo.jsontest.com/key/value/one/two">Echo JSON</option>
  <option value='http://validate.jsontest.com/?json={"key":"value"};'>Validate</option>
  <option value="http://code.jsontest.com/">Arbitrary JS Code</option>
  <option value="http://cookie.jsontest.com/">Cookie</option>
  <option value="http://md5.jsontest.com/?text=[text%20to%20MD5]">MD5</option>
<input type="text" id="url" style="width: 400px">
<input type="button" id="btn" value="Get JSON">
<div id="test" />

<script type="text/javascript">
$(function() {
  $( '#service' ).on( 'change', function(){
    $( '#url' ).val( $( this ).val() );
  $( '#url' ).val( $( '#service' ).val() );
  $( '#btn' ).click(function(){
    var url = $( '#url' ).val()
      crossOrigin: true,
      url: url,
      success: function(data) {
        $( '#test' ).html(data);

Posted by 홍반장水 홍반장水

댓글을 달아 주세요

메이븐 플러그 오류(maven-resources-plugin 2.6) 

이클립스를 닫고 

D:\developmentOKH\apache-maven-3.5.0\repository\org\apache\maven\plugins 하위에 모든플러그 폴더를 삭제한 후
OSX = /Users/${USER}/.m2/repository/org/apache/maven/plugin   

프로젝트 우클릭 Maven->Update Project


Posted by 홍반장水 홍반장水

댓글을 달아 주세요




cordova plugin add cordova-plugin-inappbrowser

If you want all page loads in your app to go through the InAppBrowser, you can simply hook window.open during initialization. For example:

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    window.open = cordova.InAppBrowser.open;


Opens a URL in a new InAppBrowser instance, the current browser instance, or the system browser.

var ref = cordova.InAppBrowser.open(url, target, options);
  • ref: Reference to the InAppBrowser window when the target is set to '_blank'(InAppBrowser)

  • url: The URL to load (String). Call encodeURI() on this if the URL contains Unicode characters.

  • target: The target in which to load the URL, an optional parameter that defaults to _self(String)

    • _self: Opens in the Cordova WebView if the URL is in the white list, otherwise it opens in the InAppBrowser.
    • _blank: Opens in the InAppBrowser.
    • _system: Opens in the system's web browser.
  • options: Options for the InAppBrowser. Optional, defaulting to: location=yes(String)

    The options string must not contain any blank space, and each feature's name/value pairs must be separated by a comma. Feature names are case insensitive. All platforms support the value below:

    • location: Set to yes or no to turn the InAppBrowser's location bar on or off.

    Android only:

    • hidden: set to yes to create the browser and load the page, but not show it. The loadstop event fires when loading is complete. Omit or set to no (default) to have the browser open and load normally.
    • clearcache: set to yes to have the browser's cookie cache cleared before the new window is opened
    • clearsessioncache: set to yes to have the session cookie cache cleared before the new window is opened
    • zoom: set to yes to show Android browser's zoom controls, set to no to hide them. Default value is yes.
    • hardwareback: set to yes to use the hardware back button to navigate backwards through the InAppBrowser's history. If there is no previous page, the InAppBrowser will close. The default value is yes, so you must set it to no if you want the back button to simply close the InAppBrowser.
    • mediaPlaybackRequiresUserAction: Set to yes to prevent HTML5 audio or video from autoplaying (defaults to no).
    • shouldPauseOnSuspend: Set to yes to make InAppBrowser WebView to pause/resume with the app to stop background audio (this may be required to avoid Google Play issues like described in CB-11013).
    • useWideViewPort: Sets whether the WebView should enable support for the "viewport" HTML meta tag or should use a wide viewport. When the value of the setting is no, the layout width is always set to the width of the WebView control in device-independent (CSS) pixels. When the value is yes and the page contains the viewport meta tag, the value of the width specified in the tag is used. If the page does not contain the tag or does not provide a width, then a wide viewport will be used. (defaults to yes).

    iOS only:

    • closebuttoncaption: set to a string to use as the Done button's caption. Note that you need to localize this value yourself.
    • disallowoverscroll: Set to yes or no (default is no). Turns on/off the UIWebViewBounce property.
    • hidden: set to yes to create the browser and load the page, but not show it. The loadstop event fires when loading is complete. Omit or set to no (default) to have the browser open and load normally.
    • clearcache: set to yes to have the browser's cookie cache cleared before the new window is opened
    • clearsessioncache: set to yes to have the session cookie cache cleared before the new window is opened
    • toolbar: set to yes or no to turn the toolbar on or off for the InAppBrowser (defaults to yes)
    • enableViewportScale: Set to yes or no to prevent viewport scaling through a meta tag (defaults to no).
    • mediaPlaybackRequiresUserAction: Set to yes to prevent HTML5 audio or video from autoplaying (defaults to no).
    • allowInlineMediaPlayback: Set to yes or no to allow in-line HTML5 media playback, displaying within the browser window rather than a device-specific playback interface. The HTML's video element must also include the webkit-playsinline attribute (defaults to no)
    • keyboardDisplayRequiresUserAction: Set to yes or no to open the keyboard when form elements receive focus via JavaScript's focus() call (defaults to yes).
    • suppressesIncrementalRendering: Set to yes or no to wait until all new view content is received before being rendered (defaults to no).
    • presentationstyle: Set to pagesheetformsheet or fullscreen to set the presentation style (defaults to fullscreen).
    • transitionstyle: Set to fliphorizontalcrossdissolve or coververtical to set the transition style (defaults to coververtical).
    • toolbarposition: Set to top or bottom (default is bottom). Causes the toolbar to be at the top or bottom of the window.

    Windows only:

    • hidden: set to yes to create the browser and load the page, but not show it. The loadstop event fires when loading is complete. Omit or set to no (default) to have the browser open and load normally.
    • fullscreen: set to yes to create the browser control without a border around it. Please note that if location=no is also specified, there will be no control presented to user to close IAB window.
    • hardwareback: works the same way as on Android platform.

Supported Platforms

  • Amazon Fire OS
  • Android
  • BlackBerry 10
  • Firefox OS
  • iOS
  • OSX
  • Windows 8 and 8.1
  • Windows Phone 7 and 8
  • Browser


Posted by 홍반장水 홍반장水

댓글을 달아 주세요

jquerymy.js: A lightweight plugin for complex two-way data binding in real time


인터렉티브한 데이터 운영에 맞는 jQuery Plugin.


jQuery.my is a plugin that bind form controls with js data structures.


jquerymy.js is a lightweight jQuery plugin for real-time, complex two-way data binding. It reflects interactions between user and UI by mutating object given as data source.



jQuery.my interactive pluginjquerymy.js ‹{}› A lightweight jQuery plugin for complex two-way data binding in real time. http://jquerymy.com/






Posted by 홍반장水 홍반장水

댓글을 달아 주세요

S Gallery: Responsive jQuery gallery plugin


S Gallery is a responsive jQuery gallery plugin that includes CSS3 animations inspired by Sony’s products gallery. It supports touch/swipe functions, too.

s gallery


Posted by 홍반장水 홍반장水

댓글을 달아 주세요

Circliful: Circular loaders with jQuery


Circliful is a jQuery plugin that makes it easy to add circular loaders to your webpages. Configurable options allow you to loading text and info text, and you can even use half-circles.




Posted by 홍반장水 홍반장水

댓글을 달아 주세요

Lazy Load Plugin for jQuery: Load pages faster and reduce server load

Lazy Load Plugin for jQuery: Load pages faster and reduce server load

lazy load for jquery

Homepage: http://www.appelsiini.net/projects/lazyload
GitHub: https://github.com/tuupola/jquery_lazyload/



Lazy Load Plugin for jQuery

Lazy Load delays loading of images in long web pages. Images outside of viewport wont be loaded before user scrolls to them. This is opposite of image preloading.

Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.

Lazy Load is inspired by YUI ImageLoader Utility by Matt Mlinac.

How to Use?

Lazy Load depends on jQuery. Include them both in end of your HTML code:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

You must alter your HTML code. URL of the real image must be put into data-original attribute. It is good idea to give Lazy Loaded image a specific class. This way you can easily control which images plugin is binded to. Note that you should have width and height attributes in your image tag.

<img class="lazy" data-original="img/example.jpg" width="640" height="480">

then in your code do:


This causes all images of class lazy to be lazy loaded.

More information on Lazy Load project page.

Install with bower

$ bower install jquery.lazyload 
Posted by 홍반장水 홍반장水
TAG jQuery, plugin

댓글을 달아 주세요

35+ Best jQuery Plugins of December 2013



We have come to an end of this year and here is our monthly article in which we have rounded up best of the rest jQuery plugins. Expected to solve your purpose and help you out in various endeavours these best jQuery plugins are carefully handpicked.

Developers, every now and then come up with come really helpful plugins but looking for the right one at the right time can be a daunting task. To help cut down that extra effort and time that can be used otherwise productively we jot them down to provide the same under the same roof.

Check out our preceding month’s that is the list of best jQuery plugins of December 2013. Will be coming up with lot more interesting stuff in coming days, weeks, and months.

Also, don’t forget to take a look at last months’ lists of useful jQuery plugins!


40 Best jQuery Plugins of November 2013

30+ Best jQuery Plugins of October 2013

70 Best jQuery Plugins of September 2013

50+ Best jQuery Plugins of August 2013

Best jQuery Plugins of December 2013

1. Excolo-Slider

Excolo Slider is one simple jQuery slider plugin that supports responsive design and touch and comes with features like autoplay slideshow, mouse slider navigation, pagination and many others to help slide images easily.


Demo | Download

2. jQuery dynamicForm

dynamicForm by Ian Ashcroft is a a great jQuery plugin developed for dynamic form section management.


Demo | Download

3. jQuery Press and Hold Button

‘Press and Hold button’ jQuery plugin helps user make a button that can be held down for a period of time. One can say, its a substitute of ‘Are You Sure’ dialog boxes.


Demo | Download

4. Stagehand

Developed by Cameron Daigle, Stagehand is a useful jQuery plugin for designers and developers for describing, visualize and debug complex interface interactions.


5. jQuery Simple Tagger

jQuery.simpleTagger plugin is used to transform a <select> element into a nice input field to manage tags.


Demo | Download

6. Galpop Image Gallery

Richard Hung developed a plugin named Galpop. Its an image gallery pop-up that can be controlled with the left and right arrow keys. Besides, it resizes with your browser easily.


Demo | Download

7. ContentShare

ContentShare is a jQuery plugin that enables users to share the exact content on a page which they wish to share. The plugin supports Facebook and Twitter by default but users can add more networks easily.


Demo | Download

8. Tipr

Tipr by Tipue is a small and simple jQuery tooltip plugin worth checking out for it is helpful for users in miscellaneous projects.


Demo | Download

9. jQuery Fullscreen Editor

This plugin transforms textfields to customizable editors. With features like flexible fullscreen mode, works on mobile and major desktop browsers.


Demo | Download

10. jQuery Track Evertyhing

This is a Query plugin that is developed with the aim to help users track Google Analytics Events.


11. Owl Carousel

Owl Carousel is a touch enabled jQuery plugin that lets users create beautiful responsive carousel slider.


Demo | Download

12. Tipue drop

Tipue drop is a search suggestion box jQuery plugin that is an open source and responsive plugin to be made optimum use of in various projects.


Demo | Download

13. CLNDR.js

CLNDR by Kyle Stetz is a jQuery plugin that lets create calendars.


Demo | Download

14. CarouFredSel

carouFredSel plugin adds carousels to your website. It turns HTML elements into a carousel and has its own WordPress plugin.


Demo | Download

15. jquery.rotation

jQuery.rotation by Piotr Murach is a responsive and mobile enabled plugin that helps users create rotating content such as image carousel, slider and rotating testimonials from twitter.


16. FailSafe

FailSafe jQuery plugin promises to help users application work in right manner even in peril situations. It works when a user loses net connectivity or laptop battery goes out by displaying a user-friendly message appears.


17. JeeGoo Popup

JeeGoo Popup is a jQuery popup plugin that is lightweight and flexible application popup plugin by Erik van den Berg,


Demo | Download

18. highchartTable

highchartTable is a plugin that provides a simple way for users to convert HTML data tables into Highcharts graphs.


Demo | Download

19. jQuery Clock or Timer plugin in retro flip-count down style

Clock or Timer plugin in retro flip-count down style plugin by Chupurnov Valeriy as the name says does its job for which it is developed.


Demo | Download

20. Bootstrap Color Picker Sliders

Bootstrap color picker slider with color swatches supports for human perceived lightness and works in all modern browsers and on touch devices for users to work on various projects easily.


Demo | Download

21. sGlide

sGlides is a jQuery plugin that helps users generate simple, light-weight slider that can be easily customized and styled using regular CSS.


Demo | Download

22. dynomap jquery plugin

Dynomap is a responsive image map plugin for users to interact with areas on the map and custom callbacks.


Demo | Download

23. Tabslet

Tabslet is a jQuery plugin for tabs that supports custom events, rotation, animation and controls making the tasks of users easier.


Demo | Download

24. Quick Parallax Scroll

Developed by Ali Cigari Quick Parallax Scroll helps create a parallax background for different page . The plugin can be added to existing pages that too without changing the HTML mark up.


Demo | Download

25. XClick

X-clicks you all know are unexpected and tricky click events that are triggered in Internet Explorer when the mousedown and mouseup events are triggered on two different elements. Coming to the point XClick by Louis AMELINE plugin lets users predict and prevent x-clicks to avoid the further mess.


Demo | Download

26. JeeGoo Colo

Developed by Erik van den Berg, JeeGooColo jQuery color picker plugin is a flexible color picker that is based on jeegoopopup.


Demo | Download

27. jQuery aniJS

aniJS by Rijad Dizdarevi is an image sprite sheet jQuery animation plugin that helps users in various projects.


Demo | Download

28. Decoy

Developed by Arthur Corenzan, Decoy plugin lets users make decoys for the elements as quickly and easily as possible. This plugin lets you change an element’s properties, style and behavior besides letting you restore to its original form.



29. DaisyNav

DaisyNav is a jQuery plugin that helps users to handle responsive navigation on their websites.


Demo | Download

30. Offreg

This is a plugin that uses Canvas for creating a print offset effect on any image source by altering the pixel data.


Demo | Download

31. jVanilla Menu

jVanilla is a menu jQuery plugin that takes an existing pure CSS drop-down menu to add enhancements like animations, submenu levels and timeout delays to it.


Demo | Download

32. jQuery Responsive Lazy Loader

jQuery Responsive Lazy Loader by J-Et. Martin is a plugin that lets users load images renditions according to CSS display and breakpoint.


Demo | Download

33. Password Checker

Password Checker developed by Nicolas Zhao is a jQuery plugin that is developed with the aim of detecting the strength of the password entered by the users.


34. Infinite Scroll

Haralan Dobrev developed a jQuery plugin and named it Infinite Scroll that is fast, bi-directional to help users in endless pagination.


35. Moa Modal

Moa Modal is a flexible jQuery modal plugin that comes with features like custom animation and positioning for users to help them the best way possible.


Demo | Download

36. iCheck

Developed by Damir Sultanov, iCheck is a highly customizable checkboxes and radio buttons jQuery plugin with features like identical inputs across different browsers and devices, touch devices support and many more.


Demo | Download

37. Snap.svg

SVG is an helps create an interactive, resolution-independent vector graphics that appears just perfect on any size screen.


Demo | Download

38. jQuery Prettychecks Plugin

Prettychecks is a plugin that helps replace the default user agent checkboxes and radios for custom images.



39. Squishy

Squishy is a jQuery plugin that automatically resizes text to exactly fit the container that too without asking you to make extra efforts. Simply link the script file and include a declaration rest is Squishy’s job to do the needful.


Download | Demo

Posted by 홍반장水 홍반장水
TAG jQuery, plugin

댓글을 달아 주세요

10 Best jQuery Plugins for December 2013


1. Adaptive Backgrounds

Adaptive Backgrounds is a jQuery plugin for extracting dominant colors from images and applying it to its parent element. This plugin utilizes the canvas element and the ImageData object, and due to cross-site security limitations, the script will fail if one tries to extract the colors from an image not hosted on the current domain, unless the image allows for Cross Origin Resource Sharing.


2. Dynatable

Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. And it’s not just for tables. The purpose of Dynatable is to provide a simple, extensible API, which makes viewing and interacting with larger datasets easy.
Dynatable provides a framework for implementing the most common elements out of the box, including sorting, searching and filtering. Above all, Dynatable is a clean and elegant API that is fun to use.


3. jQuery Label Better

jQuery Label Better helps you label your form input like a boss with beautiful animation and without taking up space. The uniqueness about this plugin is that all you have to do is add a placeholder text, and we will show the label only when the user needs it.
To add this to your website, simply include the latest jQuery library together with jquery.label_better.js into your document’s head, and simply call the function. Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested.


4. sDashboard

sDashboard is a simple & light weight dashboard jQuery plugin that converts an array of objects into a dashboard. Each object in the array would be rendered as a dashboard widget that can be rearranged by dragging around.
sDashboards has built in support for rendering datatable’s and flotr2 charts. It also has support to listen for events such as table row click, chart data click and data selection built-in. sDashboard depends on the following libraries: jQuery, jQuery UI, Datatables and Flotr2 charts (required for charting widgets).


5. Multi Level Push Menu

multilevel push menu
Multi-level push menu is cross-browser compatible jQuery plug-in allowing endless nesting of navigation elements. It has support for unlimited levels, works cross browser/platform and makes things much easier for touch devices with swipe gestures. The menu can be set to next from left-to-right or right-to-left and all works with a simple markup (unordered lists).


6. Alloftheheights. Js

Allofthelights.js is a jQuery plugin that can change the opacity of the whole webpage but leave the video player. This is for helping the user to easily focus on the video and there is built-in support for YouTube, Vimeo, DailyMotion.. and custom players can be added too. It works with multiple players on the same page and supports responsive layouts/players with no issues. The animation speed, background color and opacity can all be customized an callback functions exist.


7. PhotoJShop

PhotoJShop is a jQuery plugin that enables us to apply such simple effects/filters to images. These filters include blur, sepia, emboss, lighten, darken, b&w, sharpen and more. The plugin works on canvas + images and the filters to be applied can be chained for easier usage.


8. jQuery Interactive 3D

jQuery Interactive 3D
jQuery Interactive 3D is a plugin that allows us to accomplish a similar functionality using multiple images. It is so easy to use and works with a simple function and a list of specifically-named images. And, there are options for customization like the cursor icon, speed, touch support, auto-play and more.


9. jQuery Lazy Load XT

Lazy Load XT is a jQuery plugin for loading effects on images, videos, and other media. It works with YouTube videos, jQuery mobile, the Zepto library, and much more.


10. jQuery Restable

jQuery ReStable is a jQuery plugin that makes your tables responsive by turning them into UL lists when necessary. It’s lightweight, around 1kb, and very simple.


Posted by 홍반장水 홍반장水
TAG jQuery, plugin

댓글을 달아 주세요

60 Stunning jQuery Plugins for Websites
















Nivo Lightbox


jQuery CollagePlus






Excolo Slider




OWL Carousel






Moa Modal


























jQuery Mapael – Build dynamic vector maps




Block Slide






jQuery Spellchecker




Nod Frontend Validation


Any List Scroller


Tumbo 1.0 – Show Tumblr feeds on your website – Jquery plugin


Responsive Text




Tipue Drop


Resizable Columns










jQuery Fullscreen Editor


jVanilla Menu




Posted by 홍반장水 홍반장水
TAG jQuery, plugin

댓글을 달아 주세요