반응형

 AJAX Cross Origin plugin


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

http://www.ajax-cross-origin.com/

 

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

www.ajax-cross-origin.com

<html>
<head>
  <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>
</head>

<body>

<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>
</select><br/>
<input type="text" id="url" style="width: 400px">
<input type="button" id="btn" value="Get JSON">
<br/><br/>
<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()
    
    $.ajax({
      crossOrigin: true,
      url: url,
      success: function(data) {
        $( '#test' ).html(data);
      }
    });
  });
}); 
</script>

</body>
</html>
반응형
반응형

메이븐 플러그 오류(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

 

반응형
반응형

cordova-plugin-inappbrowser


https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/


Installation

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;
}

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




.

반응형
반응형
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/

 

 

 

 

.

반응형
반응형

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

 

반응형
반응형

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.

circliful

 

 

반응형
반응형

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:

$("img.lazy").lazyload();

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 
반응형
반응형

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!

best-jquery-plugins-2013

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.

best-jquery-plugins2013

Demo | Download

2. jQuery dynamicForm

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

best-jquery-plugins2013

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.

best-jquery-plugins2013

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.

best-jquery-plugins2013

5. jQuery Simple Tagger

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

best-jquery-plugins2013

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.

best-jquery-plugins2013

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.

best-jquery-plugins2013

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.

best-jquery-plugins2013

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.

best-jquery-plugins2013

Demo | Download

10. jQuery Track Evertyhing

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

Download

11. Owl Carousel

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

best-jquery-plugins2013

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.

best-jquery-plugins2013

Demo | Download

13. CLNDR.js

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

best-jquery-plugins2013

Demo | Download

14. CarouFredSel

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

best-jquery-plugins2013

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.

Download

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.

best-jquery-plugins2013

17. JeeGoo Popup

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

best-jquery-plugins

Demo | Download

18. highchartTable

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

best-jquery-plugins2013

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.

best-jquery-plugins2013

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.

best-jquery-plugins2013

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.

best-jquery-plugins

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.

best-jquery-plugins2013

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.

best-jquery-plugins2013

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.

best-jquery-plugins

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.

best-jquery-plugins

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.

best-jquery-plugins

Demo | Download

27. jQuery aniJS

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

best-jquery-plugins

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.

best-jquery-plugins

Download

29. DaisyNav

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

best-jquery-plugins2013

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.

best-jquery-plugins2013

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.

best-jquery-plugins

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.

best-jquery-plugins

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.

Download

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.

Download

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.

best-jquery-plugins

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.

best-jquery-plugins2013

Demo | Download

37. Snap.svg

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

best-jquery-plugins

Demo | Download

38. jQuery Prettychecks Plugin

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

best-jquery-plugins

Download

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.

best-jquery-plugins

Download | Demo

반응형

+ Recent posts