FancyUpload with jQuery

Question

How to use FancyUpload in a jQuery based project? The page where I will use FancyUpload is made from jQuery. How to use FancyUpload? Please tell about each step in detail. You are welcome,

Answer 1

perhaps you should use http://www.uploadify.com/demo/ , your own jQuery with Flash. FancyUpload is a mootools plugin.

Answer 2

You can just put jQuery in noConflict mode. This requires that you place wrappers around all jQuery code where mootools will be loaded onto the page. It is quite simple.

Example:

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.2.5/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
  jQuery.noConflict();
</script>

<script type="text/javascript" language="javascript">
// Example with Sep Mootools and jQuery domready's...
(function($){
  window.addEvent('domready',function() {
    // Do some MooTools Magic here!
  });
})(document.id);

(function($) {
  $(document).ready(function() {
    // Do some jQuery stuff!
  });
})(jQuery);


// Example with Mootools used as domready, with jQuery calls inside
(function($){
  window.addEvent('domready',function() {
    // Some mootools magic here! 
    //......
    //Option 1 for jQuery using jQuery identifier...
    alert(jQuery("#some_input_value").val());

    // Option 2 for jQuery using temp override of $
    (function($) {
      alert($("#some_input_value").val());
    })(jQuery);
  });
})(document.id);
</script>

Answer 3

FancyUpload jQuery, . jQuery.noConflict() - , , jQuery Mootools . , , , "" jQuery, "just" mootools.

, , , ( jQuery), FancyUpload Mootools - , , / . , mootools, .

Answer 4

FancyUpload jQuery:

# 1: MooTools.

FancyUpload does not work in jQuery, and as far as I know, there are no plans to do this. There are, of course, many alternatives, such as meo's answer above.