noConflict()

christine.panus

Hello, I'm very excited about this plugin, however, I think I'm causing troubles by using the noConflict option on jQuery.

If I run the JavaScript as follows (the alert is there to prove jQuery functions), it runs fine:


<script language=\"JavaScript\">
	alert($('#uploadFile').val());
	$(document).ready(function() 
	{
		$('#uploadFile').fileUpload(
		{
		  uploader:'/sharedImages/flash/uploader.swf',
		  script:'/index.cfm/fileManagement/ehAttachmentAdmin/upload',
			//buttonImg:'/_images/browse-files.png',
		  cancelImg:'/sharedImages/buttons/cancel.gif',
		  //auto:true,
		  folder:'/temp',
		  onError: function (a, b, c, d) {
	         if (d.status == 404)
	            alert('Could not find upload script. Use a path relative to: '+'<?= getcwd() ?>');
	         else if (d.type === \"HTTP\")
	            alert('error '+d.type+\": \"+d.status);
	         else if (d.type ===\"File Size\")
	            alert(c.name+' '+d.type+' Limit: '+Math.round(d.sizeLimit/1024)+'KB');
	         else
	            alert('error '+d.type+\": \"+d.text);
	      },
		});
});
</script>

However, if I run the same code like this, the alert functions, proving jQuery is functional, however the fileUpload onSelect never fires.:



<script language=\"JavaScript\">
	var $j = jQuery.noConflict();
	alert($j('#uploadFile').val());
	$j(document).ready(function() 
	{
		$j('#uploadFile').fileUpload(
		{
		  uploader:'/sharedImages/flash/uploader.swf',
		  script:'/index.cfm/fileManagement/ehAttachmentAdmin/upload',
			//buttonImg:'/_images/browse-files.png',
		  cancelImg:'/sharedImages/buttons/cancel.gif',
		  //auto:true,
		  folder:'/temp',
		  onError: function (a, b, c, d) {
	         if (d.status == 404)
	            alert('Could not find upload script. Use a path relative to: '+'<?= getcwd() ?>');
	         else if (d.type === \"HTTP\")
	            alert('error '+d.type+\": \"+d.status);
	         else if (d.type ===\"File Size\")
	            alert(c.name+' '+d.type+' Limit: '+Math.round(d.sizeLimit/1024)+'KB');
	         else
	            alert('error '+d.type+\": \"+d.text);
	      },
		});
});
</script>

Am I doing something wrong?

Thanks!
Christine

dfediuk

The plugin does not support jQuery.noConflict() statement.
To support it you must replace "$" on "jQuery" in:
1) jquery.uploadify.js
2) uploader.fla (and recompile it)
The modified version is in attachment.

christine.panus

Perfect! Thank yoU!

gare

Hi -

Has anyone actually gotten this to work with prototype? Thanks.

rwanger

I've having a problem with this as well. I'm using Prototype elsewhere on the page. Everything works using Uploadify except that the progress bars do not display. (The files upload and are processed correctly). My code looks like this:

	<script type=\"text/javascript\">
	jQuery(\"#fileUpload\").fileUpload({
		'uploader': '/uploadify/uploader.swf',
		'cancelImg': '/images/cancel.png',
		'script': '<%= user_trip_trip_segment_el_photos_path %>',
		'scriptData': {current_user_id: '<%= @current_user.id %>', current_trip_segment_id: '<%= @trip_segment.id %>'},
		'folder': '/uploads',
		'fileDesc': 'Image Files',
		'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
		'multi': true,
		'auto': true,
		'simUploadLimit': 20,
		'buttonText': 'Choose Photo(s)'
	});
	</script>


      <fieldset style=\"border: 1px solid #CDCDCD; padding: 8px; padding-bottom:0px; margin: 8px 0\">
		<legend><strong>Upload your photo(s) directly to Everlater</strong></legend>  
		<div id=\"fileUpload\">You have a problem with your javascript</div>  
		<p></p>
    </fieldset>

I downloaded the files attached above and put them into the project. Still no luck. Is this a prototype / jquery issue, or something else? My html code is coming directly from one of the examples on the uploadify site. Thanks.

rwanger

Actually, I found the problem already:

In my desperation, I had included the uploadify source file

  <%= javascript_include_tag \"jquery-1.3.2.min\" %>
  <%= javascript_include_tag \"jquery.uploadify\" %>
  <%= javascript_include_tag \"jquery.uploadify (Source)\" %>

I remove it so it looks like this:

  <%= javascript_include_tag \"jquery-1.3.2.min\" %>
  <%= javascript_include_tag \"jquery.uploadify\" %>

Problem solved!

jemminger

Does anyone have the recompiled uploader.fla that was supposed to be attached here?

Howdy, Stranger!

Categories