GitHub 3063-448 filelupload issue on J2.5.7

marsu95 · Nov 26, 2012

Hi all,

I upgrade with github 3.0.63-448 on the J2.5.7. framework.

Since this upgrade, pages including a cascadingdropdown field and a fileupload (ajax) field is not working properly.
In fact, fileupload widget is not edited and replaced by the famous

"Opps. Still on dinosaur technology? Time to update" text.

When I change the cascadingdropdown field as a single field, the fileupload plugin is working properly.

The formulair was running fine with 3.0.5.2

Thanks to help me

troester · Nov 26, 2012

Which browser?
Did you clear all Joomla and browser cache?

Latest Joomla2.5 is 2.5.8 and I think your GitHub version isn't a recent one, too.
So maybe try another update (+ always clear cache afterwards).

marsu95 · Nov 27, 2012

now same with GitHub 3063-454 on j2.5.8

Hi Troester,

thanks for your suggestions.
I make the following :
- upgrade joomla with Joomla_2.5.x_to_2.5.8-Stable-Patch_Package
- upgrade fabrik with Fabrik-fabrik-3.0.6.3-454-g22da17a
- clear server cache using administration/site/maintenance/clear cache joomla function.

I replay the tests on Firefox 17.0 and IE 9.0.8112.16421 64 bits, both running on Windows 7 version 6.1.7601

In both browser, i cleared the cache.
Test results remain same :
-

forms with fileupload plugin but without cascadedropdown plugin are running fine;
-

forms with fileupload and cascadedropdown plugins still show the huggly message "Opps. Still on dinosaur technology? Time to update ".

Many thanks for assistance.

troester · Nov 27, 2012

I think Ajax file upload isn't working at all on IE (no matter if there's any other element),
in Firefox and Chrome it's working on my site.

Did you try with a Joomla standard template (e.g. beez5)?
Can you see JS errors in firefox/firebug or Chrome JS console?
Do you have a link to your form?

marsu95 · Nov 28, 2012

See attached the firebug error log.

I haven't yet tested with beez5, for that I need to customize some of my positions (not same reference between current template Hot-Sportal and Beez5). It should be up tomorrow.

My current environment is 'localhost', kind of sandbox before to move to server. My current server is j2.5.6 with Fabrik 3.0.6.
If needed, I can upgrade but this shall take some more time.

Regards,

marsu95 · Nov 28, 2012

Hi Troester,

I create a brand new sandbox environment with :

J2.5.8
Fabrik with Fabrik-fabrik-3.0.6.3-454-g22da17a
template : beez5
a list / form named galerie with two fields :
- name : a field plugin
- category : a dropdown plugin
a list / form named testfileupload with three fields :
- category : a dropdown plugin
- gallery : a cascadingdropdown plugin with watch element "category"
- photo : a fileupload plugin using ajax upload.

I do the following :

I populate some galerie records.
When I try to edit the testfileupload form, I still receive the huggly message. Firebug error remain the same (except first line) as in my previous reply.
Then I unpublish the gallery cascadedropdown field.
The form is now edited perfectly with the fileupload widget. No firebug error detected.

marsu95 · Dec 2, 2012

Is there some one to help me ?

rob · Dec 3, 2012

The first js error is not a Fabrik or core Joomla error
You need to find out where that is coming from (e.g a content / system plugin or your Joomla template) and fix that first

marsu95 · Dec 6, 2012

Hi Rob,

please find attached the error print screen obtained using the beez5 template. At that stage, no error but fabrik elements js errors are reported.

The test screen is made of :

a dropdown field (category);
a cascadedropdown (gallery) field : list of galleries based on the category selection;
a fileupload widget (ajax is selected to upload several pictures).

Thanks for your expertise.

troester · Dec 6, 2012

Where is this galerie-2 JS file coming from?
Do you have any other components/plugins installed?

marsu95 · Dec 8, 2012

Hi Troester,

I don't have any other plugin.
Please, find here under the content of Galerie-2 as it is to beseen in firebug.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" > 
    <head> 
          <base href="http://localhost/sandbox/index.php/galerie-2" /> 
  <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
   <meta name="keywords"  content="sport,sports,tourisme,d?veloppement,frasnes,frasnes-lez-anvaing,frasnes-lez-buissenal,loisir,loisirs"  /> 
  <meta name="generator" content="Joomla! - Open Source Content Management" /> 
  <title>Test fileupload</title> 
  <link href="/sandbox/templates/beez5/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> 
  <link rel="stylesheet" href="http://localhost/sandbox/media/com_fabrik/css/slider.css" type="text/css" /> 
   <link rel="stylesheet"  href="http://localhost/sandbox/plugins/fabrik_element/fileupload/lib/plupload/css/plupload.queue.css"  type="text/css" /> 
  <link rel="stylesheet" href="/sandbox/media/system/css/calendar-jos.css" type="text/css"  title="Green"  media="all" /> 
  <link rel="stylesheet" href="http://localhost/sandbox/media/com_fabrik/css/fabrik.css" type="text/css" /> 
  <link rel="stylesheet" href="/sandbox/components/com_fabrik/libs/slimbox1.64/css/slimbox.css" type="text/css" /> 
   <link rel="stylesheet"  href="http://localhost/sandbox/components/com_fabrik/views/form/tmpl/default/template_css.php?c=1&amp;view=form"  type="text/css" /> 
  <script src="/sandbox/media/system/js/calendar.js" type="text/javascript"></script> 
  <script src="/sandbox/media/system/js/calendar-setup.js" type="text/javascript"></script> 
  <script src="/sandbox/media/system/js/mootools-core.js" type="text/javascript"></script> 
  <script src="/sandbox/media/system/js/core.js" type="text/javascript"></script> 
  <script src="/sandbox/media/system/js/mootools-more.js" type="text/javascript"></script> 
  <script src="/sandbox/media/com_fabrik/js/lib/head/head.min.js" type="text/javascript"></script> 
   <script  src="/sandbox/templates/beez5/javascript/md_stylechanger.js"  type="text/javascript" defer="defer"></script> 
  <script type="text/javascript"> 
Calendar._DN  = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday",  "Friday", "Saturday", "Sunday"); Calendar._SDN = new Array ("Sun",  "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"); Calendar._FD = 0;  Calendar._MN = new Array ("January", "February", "March", "April",  "May", "June", "July", "August", "September", "October", "November",  "December"); Calendar._SMN = new Array ("Jan", "Feb", "Mar", "Apr",  "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"); Calendar._TT =  {};Calendar._TT["INFO"] = "About the Calendar"; Calendar._TT["ABOUT"] = 
 "DHTML Date/Time Selector\n" + 
 "(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" + 
"For latest version visit: http://www.dynarch.com/projects/calendar/\n" + 
"Distributed under GNU LGPL.  See http://gnu.org/licenses/lgpl.html for details." + 
"\n\n" + 
"Date selection:\n" + 
"- Use the ? and ? buttons to select year\n" + 
"- Use the < and > buttons to select month\n" + 
"- Hold mouse button on any of the above buttons for faster selection."; 
Calendar._TT["ABOUT_TIME"] = "\n\n" + 
"Time selection:\n" + 
"- Click on any of the time parts to increase it\n" + 
"- or Shift-click to decrease it\n" + 
"- or click and drag for faster selection."; 
 
         Calendar._TT["PREV_YEAR"] = "Click to move to the previous year.  Click and hold for a list of years."; Calendar._TT["PREV_MONTH"] =  "Click to move to the previous month. Click and hold for a list of the  months."; Calendar._TT["GO_TODAY"] = "Go to today";  Calendar._TT["NEXT_MONTH"] = "Click to move to the next month. Click and  hold for a list of the months."; Calendar._TT["NEXT_YEAR"] = "Click to  move to the next year. Click and hold for a list of years.";  Calendar._TT["SEL_DATE"] = "Select a date.";  Calendar._TT["DRAG_TO_MOVE"] = "Drag to move";  Calendar._TT["PART_TODAY"] = "Today"; Calendar._TT["DAY_FIRST"] =  "Display %s first"; Calendar._TT["WEEKEND"] = "0,6";  Calendar._TT["CLOSE"] = "Close"; Calendar._TT["TODAY"] = "Today";  Calendar._TT["TIME_PART"] = "(Shift-)Click or Drag to change the  value."; Calendar._TT["DEF_DATE_FORMAT"] = "%Y-%m-%d";  Calendar._TT["TT_DATE_FORMAT"] = "%a, %b %e"; Calendar._TT["WK"] = "wk";  Calendar._TT["TIME"] = "Time:"; 
head.ready(function() { Fabrik.liveSite = 'http://localhost/sandbox/';}); 
head.ready(function () { 
     Fabrik.tips = new FloatingTips('.fabrikTip',  {"tipfx":"Fx.Transitions.Linear","duration":"500","distance":20,"fadein":false}); 
    Fabrik.addEvent('fabrik.list.updaterows', function () { 
        //reattach new tips after list redraw, 
        Fabrik.tips.attach('.fabrikTip'); 
    }); 
    Fabrik.addEvent('fabrik.plugin.inlineedit.editing', function () { 
        Fabrik.tips.hideAll(); 
    }); 
}); 
                 
head.js('http://localhost/sandbox/components/com_fabrik/libs/slimbox1.64/js/slimbox.js'); 
 
head.js('http://localhost/sandbox/media/com_fabrik/js/lib/Event.mock.js'); 
 
head.js('http://localhost/sandbox/media/com_fabrik/js/lib/mcl/CANVAS.js', 
'http://localhost/sandbox/media/com_fabrik/js/lib/mcl/CanvasItem.js', 
'http://localhost/sandbox/media/com_fabrik/js/lib/mcl/Cmorph.js', 
'http://localhost/sandbox/media/com_fabrik/js/lib/mcl/Layer.js', 
'http://localhost/sandbox/media/com_fabrik/js/lib/mcl/LayerHash.js', 
'http://localhost/sandbox/media/com_fabrik/js/lib/mcl/Thread.js'); 
 
head.js('http://localhost/sandbox/media/com_fabrik/js/mootools-ext-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/lib/art.js', 
'http://localhost/sandbox/media/com_fabrik/js/icons-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/icongen-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/fabrik-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/tips-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/window-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/form-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/element-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/lib/form_placeholder/Form.Placeholder.js', 
'http://localhost/sandbox/plugins/fabrik_element/internalid/internalid-min.js', 
'http://localhost/sandbox/plugins/fabrik_element/date/date-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/elementlist-min.js', 
'http://localhost/sandbox/plugins/fabrik_element/dropdown/dropdown-min.js', 
'http://localhost/sandbox/plugins/fabrik_element/cascadingdropdown/cascadingdropdown-min.js', 
'http://localhost/sandbox/plugins/fabrik_element/fileupload/lib/plupload/js/plupload.min.js', 
'http://localhost/sandbox/plugins/fabrik_element/fileupload/lib/plupload/js/plupload.html5.min.js', 
'http://localhost/sandbox/plugins/fabrik_element/fileupload/fileupload-min.js', 
'http://localhost/sandbox/media/com_fabrik/js/encoder-min.js', 
(function() { head.ready(function() { 
window.form_1  = new FbForm(1,  {"admin":false,"ajax":false,"ajaxValidation":false,"primaryKey":"sbox_fab_test___id","error":"Some  parts of your form have not been correctly filled  in","pages":{"0":[1]},"plugins":[],"multipage_save":0,"editable":true,"start_page":0,"inlineMessage":false,"rowid":"","listid":1,"images":{"alert":"http:\/\/localhost\/sandbox\/components\/com_fabrik\/views\/form\/tmpl\/default\/images\/alert.png","action_check":"http:\/\/localhost\/sandbox\/media\/com_fabrik\/images\/action_check.png","ajax_loader":"http:\/\/localhost\/sandbox\/media\/com_fabrik\/images\/ajax-loader.gif"},"fabrik_window_id":"","submitOnEnter":false,"hiddenGroup":{"1":false},"maxRepeat":{"1":0},"showMaxRepeats":{"1":false},"join_group_ids":[],"group_repeats":[],"group_joins_ids":[]}); 
if(typeOf(Fabrik) !== 'null') { 
Fabrik.addBlock('form_1', form_1); 
} 
form_1.addElements({ 
1:[new  FbInternalId('sbox_fab_test___id',  {"repeatCounter":0,"editable":true,"value":null,"defaultVal":"","inRepeatGroup":false,"watchElements":[],"canRepeat":false,"isGroupJoin":false,"joinid":0}), 
new  FbDateTime('sbox_fab_test___date_time',  {"repeatCounter":0,"editable":true,"value":"2012-12-08  12:46:01","defaultVal":"2012-12-08  12:46:01","inRepeatGroup":false,"watchElements":[],"canRepeat":false,"isGroupJoin":false,"joinid":0,"hidden":true,"showtime":false,"timelabel":"time","typing":true,"timedisplay":1,"validations":false,"dateTimeFormat":"%H:%M","calendarSetup":{"inputField":"sbox_fab_test___date_time","ifFormat":"%Y-%m-%d   %H:%M:%S","button":"sbox_fab_test___date_time_cal_img","align":"Tl","singleClick":true,"firstDay":0,"hasValidations":false,"dateAllowFunc":null,"range":[1066,2999]},"advanced":false}), 
new  FbDropdown('sbox_fab_test___category',  {"repeatCounter":0,"editable":true,"value":["Tmp"],"defaultVal":["Tmp"],"inRepeatGroup":false,"watchElements":[],"canRepeat":false,"isGroupJoin":false,"joinid":0,"allowadd":false,"data":{"Tmp":"S\u00e9lectionner  ...","Div":"Divers","Bad":"Badminton","Bsk":"Basket","Mft":"Mini  Foot","Tns":"Tennis"}}), 
new  FbCascadingdropdown('sbox_fab_test___gallery_id',  {"repeatCounter":0,"editable":true,"value":"","defaultVal":"","inRepeatGroup":false,"watchElements":[],"canRepeat":false,"isGroupJoin":false,"joinid":0,"showPleaseSelect":true,"watch":"sbox_fab_test___category","displayType":"dropdown","id":"8","def":"","watchInSameGroup":true,"editing":false,"showDesc":false}), 
new  FbFileUpload('join___2___sbox_fab_test_repeat_photo___photo',  {"repeatCounter":0,"editable":true,"value":null,"defaultVal":"","inRepeatGroup":false,"watchElements":[],"canRepeat":false,"isGroupJoin":false,"joinid":2,"id":"9","isJoin":true,"joinId":"2","elid":"9","defaultImage":null,"folderSelect":"0","dir":"C:\\xampp\\htdocs\\sandbox\/media\/photo","ajax_upload":true,"ajax_runtime":"html5","max_file_size":"1000","ajax_chunk_size":0,"crop":0,"elementName":"join[2][sbox_fab_test_repeat_photo___photo]","cropwidth":0,"cropheight":0,"ajax_max":40,"dragdrop":true,"previewButton":"","resizeButton":"<img   src=\"http:\/\/localhost\/sandbox\/media\/com_fabrik\/images\/resize.png\"  alt=\"Resize\" class=\"fabrikImg\" \/>","files":{}})] 
}); 
 
 
 
new Form.Placeholder('.fabrikForm input'); 
function submit_form() { 
    return false; 
} 
function submitbutton(button) { 
    if (button=="cancel") { 
        document.location = '/sandbox/index.php/galerie-2/viewTable?cid=1'; 
    } 
    if (button == "cancelShowForm") { 
        return false; 
    } 
} 
}) 
})); 
 
function  keepAlive() {    var myAjax = new Request({method: "get", url:  "index.php"}).send();} window.addEvent("domready", function(){  keepAlive.periodical(840000); }); 
  </script> 
  <script type="text/javascript"> 
    (function() { 
       var strings =  {"COM_FABRIK_LOADING":"Loading","COM_FABRIK_VALIDATING":"Validating","COM_FABRIK_SUCCESS":"Success","COM_FABRIK_NO_REPEAT_GROUP_DATA":"No  data","COM_FABRIK_VALIDATION_ERROR":"Validation  error","COM_FABRIK_FORM_SAVED":"Form  saved","COM_FABRIK_CONFIRM_DELETE":"Are you sure you want to delete  these records?","PLG_ELEMENT_DROPDOWN_ENTER_VALUE_LABEL":"Please enter a  value and\/or  label","PLG_ELEMENT_FILEUPLOAD_MAX_UPLOAD_REACHED":"You've reached the  maximum number of images that can be added to this  record","PLG_ELEMENT_FILEUPLOAD_DRAG_FILES_HERE":"Drag files  here","PLG_ELEMENT_FILEUPLOAD_UPLOAD_ALL_FILES":"Please ensure you have  uploaded all files before submitting the  form","PLG_ELEMENT_FILEUPLOAD_RESIZE":"Resize","PLG_ELEMENT_FILEUPLOAD_CROP_AND_SCALE":"Crop  and  scale","PLG_ELEMENT_FILEUPLOAD_PREVIEW":"Preview","PLG_ELEMENT_FILEUPLOAD_CONFIRM_SOFT_DELETE":"Do  you want to remove the file reference from this  record?","PLG_ELEMENT_FILEUPLOAD_CONFIRM_HARD_DELETE":"Do you want to  delete the file from the server?"}; 
      if (typeof Joomla == 'undefined') { 
        Joomla = {}; 
        Joomla.JText = strings; 
      } 
      else { 
        Joomla.JText.load(strings); 
      } 
    })(); 
  </script> 
 
        <link rel="stylesheet" href="/sandbox/templates/system/css/system.css" type="text/css" /> 
         <link rel="stylesheet"  href="/sandbox/templates/beez5/css/position.css" type="text/css"  media="screen,projection" /> 
        <link rel="stylesheet" href="/sandbox/templates/beez5/css/layout.css" type="text/css" media="screen,projection" /> 
        <link rel="stylesheet" href="/sandbox/templates/beez5/css/print.css" type="text/css" media="Print" /> 
        <link rel="stylesheet" href="/sandbox/templates/beez5/css/beez5.css" type="text/css" /> 
        <link rel="stylesheet" href="/sandbox/templates/beez5/css/general.css" type="text/css" /> 
        <link rel="stylesheet" href="/sandbox/templates/beez5/css/general_mozilla.css" type="text/css" /> 
                <!--[if lte IE 6]> 
            <link href="/sandbox/templates/beez5/css/ieonly.css" rel="stylesheet" type="text/css" /> 
        <![endif]--> 
        <!--[if IE 7]> 
            <link href="/sandbox/templates/beez5/css/ie7only.css" rel="stylesheet" type="text/css" /> 
        <![endif]--> 
        <script type="text/javascript" src="/sandbox/templates/beez5/javascript/hide.js"></script> 
 
        <script type="text/javascript"> 
            var big ='72%'; 
            var small='53%'; 
            var altopen='is open'; 
            var altclose='is closed'; 
            var bildauf='/sandbox/templates/beez5/images/plus.png'; 
            var bildzu='/sandbox/templates/beez5/images/minus.png'; 
            var rightopen='Open info'; 
            var rightclose='Close info'; 
            var fontSizeTitle='Font size'; 
            var bigger='Bigger'; 
            var reset='Reset'; 
            var smaller='Smaller'; 
            var biggerTitle='Increase size'; 
            var resetTitle='Revert styles to default'; 
            var smallerTitle='Decrease size'; 
        </script> 
 
    </head> 
 
    <body> 
 
<div id="all"> 
    <div id="back"> 
            <div id="header"> 
                            <div class="logoheader"> 
                    <h1 id="logo"> 
 
                                        <img src="/sandbox/images/sampledata/fruitshop/fruits.gif" alt="Matuna Market " /> 
                                        <span class="header1"> 
                    Fruit Shop Sample Site                    </span></h1> 
                </div><!-- end logoheader --> 
 
                    <ul class="skiplinks"> 
                        <li><a href="#main" class="u2">Skip to content</a></li> 
                        <li><a href="#nav" class="u2">Jump to main navigation and login</a></li> 
                                            </ul> 
                    <h2 class="unseen">Nav view search</h2> 
                    <h3 class="unseen">Navigation</h3> 
                     
                    <div id="line"> 
                    <div id="fontsize"></div> 
                    <h3 class="unseen">Search</h3> 
                     
                    </div> <!-- end line --> 
        <div id="header-image"> 
             
                            <img src="/sandbox/templates/beez5/images/fruits.jpg"  alt="Logo" /> 
                    </div> 
                    </div><!-- end header --> 
                <div id="contentarea"> 
                    <div id="breadcrumbs"> 
 
                             
 
                    </div> 
 
                     
                                                    <div class="left1 leftbigger" id="nav"> 
                         
                                <div class="moduletable_menu"> 
 <h3><span 
     class="backh"><span class="backh2"><span  class="backh3">Main  Menu</span></span></span></h3> 
  
<ul class="menu"> 
<li  class="item-219"><a href="/sandbox/"  >Galerie</a></li><li class="item-221"><a  href="/sandbox/index.php/galerie-3" >Liste des  galeries</a></li><li class="item-220 current  active"><a href="/sandbox/index.php/galerie-2" >File  Upload</a></li><li class="item-227"><a  href="/sandbox/index.php/liste-des-evenements" >Liste des  ?v?nements</a></li></ul> 
</div> 
 
                                 
                                 
 
                                                    </div><!-- end navi --> 
                         
                     
                    <div id="wrapper2" > 
 
                        <div id="main"> 
 
                         
                             
<div id="system-message-container"> 
</div> 
                                <h1> 
        Test fileupload    </h1> 
<form  action="/sandbox/index.php/galerie-2/form/1" class="fabrikForm"  method="post" name="form_1" id="form_1"  enctype="multipart/form-data"><div class="fabrikMainError  fabrikError fabrikHide"><img  src="http://localhost/sandbox/components/com_fabrik/views/form/tmpl/default/images/alert.png"  class="fabrikImg" /></div>    <fieldset class="fabrikGroup"  id="group1" style=""> 
 
            <legend class="legend"> 
            <span> 
                Test fileupload            </span> 
        </legend> 
     
            <div class="groupintro"></div> 
    <ul> 
    <li  style="clear:both;width:100%;" class="fabrikElementContainer internalid fabrikHide"> 
    <div class="displayBox"> 
        <div class="leftCol"> 
            id            <span class="fabrikErrorMessage"></span>        </div> 
        <div class="fabrikElement"> 
             <input class="inputbox fabrikinput hidden" type="hidden"  name="sbox_fab_test___id" id="sbox_fab_test___id" value="" />         </div> 
 
                </div> 
    </li> 
        <li  style="clear:both;width:100%;" class="fabrikElementContainer date fabrikHide"> 
    <div class="displayBox"> 
        <div class="leftCol"> 
            date time            <span class="fabrikErrorMessage"></span>        </div> 
        <div class="fabrikElement"> 
            <div class="fabrikSubElementContainer" id="sbox_fab_test___date_time"> 
<input  type="text" name="sbox_fab_test___date_time"  id="sbox_fab_test___date_time_cal" value="2012-12-08 12:46:01"  class="fabrikinput inputbox" size="0" maxlength="19" /><img  src="http://localhost/sandbox/media/system/images/calendar.png"  alt="calendar" class="calendarbutton fabrikImg"  id="sbox_fab_test___date_time_cal_cal_img" /> 
</div>        </div> 
 
                </div> 
    </li> 
        <li  style="clear:both;width:100%;" class="fabrikElementContainer dropdown"> 
    <div class="displayBox"> 
        <div class="leftCol"> 
             <label for="sbox_fab_test___category" class="fabrikLabel  ">Cat?gorie</label>            <span  class="fabrikErrorMessage"></span>        </div> 
        <div class="fabrikElement"> 
            <select id="sbox_fab_test___category" name="sbox_fab_test___category[]" class="fabrikinput inputbox"> 
    <option value="Tmp" selected="selected">S&eacute;lectionner ...</option> 
    <option value="Div">Divers</option> 
    <option value="Bad">Badminton</option> 
    <option value="Bsk">Basket</option> 
    <option value="Mft">Mini Foot</option> 
    <option value="Tns">Tennis</option> 
</select> 
        </div> 
 
                </div> 
    </li> 
        <li  style="clear:both;width:100%;" class="fabrikElementContainer cascadingdropdown mode-dropdown"> 
    <div class="displayBox"> 
        <div class="leftCol"> 
             <label for="sbox_fab_test___gallery_id"  class="fabrikLabel ">Galerie</label>            <span  class="fabrikErrorMessage"></span>        </div> 
        <div class="fabrikElement"> 
             <select id="sbox_fab_test___gallery_id"  name="sbox_fab_test___gallery_id[]" class="fabrikinput inputbox  readonly" readonly="readonly" size="1"> 
    <option value="" selected="selected">S&eacute;lectionner ...</option> 
</select> 
 
<img  src="http://localhost/sandbox/media/com_fabrik/images/ajax-loader.gif"  alt="PLG_ELEMENT_CALC_LOADING" style="display:none;padding-left:10px;"  class="loader fabrikImg" /> 
        </div> 
 
                </div> 
    </li> 
        <li  style="clear:both;width:100%;" class="fabrikElementContainer fileupload fabrikDataEmpty"> 
    <div class="displayBox"> 
        <div class="leftCol"> 
             <label  for="join___2___sbox_fab_test_repeat_photo___photo" class="fabrikLabel  ">Photo(s) a charger</label>            <span  class="fabrikErrorMessage"></span>        </div> 
        <div class="fabrikElement"> 
            <div class="fabrikSubElementContainer"> 
<span id="join___2___sbox_fab_test_repeat_photo___photo"></span> 
<div id="join___2___sbox_fab_test_repeat_photo___photo-widgetcontainer"> 
<canvas id="join___2___sbox_fab_test_repeat_photo___photo-widget" width="400" height="400"></canvas> 
<div  style="text-align: right;float:right;margin-top:10px; width: 205px"> 
<input type="button" class="button" name="close-crop" value="CLOSE" /> 
</div> 
</div> 
<div  class="plupload_container fabrikHide"  id="join___2___sbox_fab_test_repeat_photo___photo_container"  style="width:400px;height:200px"> 
<div class="plupload"> 
    <div class="plupload_header"> 
        <div class="plupload_header_content"> 
            <div class="plupload_header_title">Select files</div> 
            <div class="plupload_header_text">Add files to the upload queue and click the start button</div> 
        </div> 
    </div> 
    <div class="plupload_content"> 
        <div class="plupload_filelist_header"> 
            <div class="plupload_file_name">Filename</div> 
            <div class="plupload_file_action">&nbsp;</div> 
            <div class="plupload_file_status"><span>Status</span></div> 
            <div class="plupload_file_size">Size</div> 
            <div class="plupload_clearer">&nbsp;</div> 
        </div> 
        <ul class="plupload_filelist" id="join___2___sbox_fab_test_repeat_photo___photo_dropList"> 
        </ul> 
        <div class="plupload_filelist_footer"> 
        <div class="plupload_file_name"> 
            <div class="plupload_buttons"> 
                 <a  id="join___2___sbox_fab_test_repeat_photo___photo_browseButton"  class="plupload_button plupload_add" href="#">Add files</a> 
                <a class="plupload_button plupload_start plupload_disabled" href="#">Start upload</a> 
            </div> 
            <span class="plupload_upload_status"></span> 
        </div> 
        <div class="plupload_file_action"></div> 
            <div class="plupload_file_status"> 
                <span class="plupload_total_status"></span> 
            </div> 
        <div class="plupload_file_size"> 
            <span class="plupload_total_file_size"></span> 
        </div> 
        <div class="plupload_progress"> 
            <div class="plupload_progress_container"> 
            <div class="plupload_progress_bar"></div> 
        </div> 
    </div> 
    <div class="plupload_clearer">&nbsp;</div> 
    </div> 
</div> 
</div> 
</div> 
<!-- FALLBACK; SHOULD LOADING OF PLUPLOAD FAIL --> 
<div class="plupload_fallback">Opps. Still on dinosaur technology? Time to update 
<br /> 
</div> 
</div>        </div> 
 
                </div> 
    </li> 
    </ul> 
<div style="clear:both"></div></fieldset> 
<input type="hidden" name="listid" value="1" /> 
<input type="hidden" name="listref" value="1" /> 
<input type="hidden" name="rowid" value="" /> 
<input type="hidden" name="Itemid" value="220" /> 
<input type="hidden" name="option" value="com_fabrik" /> 
<input type="hidden" name="task" value="form.process" /> 
<input type="hidden" name="isMambot" value="" /> 
<input type="hidden" name="formid" value="1" /> 
<input type="hidden" name="returntoform" value="0" /> 
<input type="hidden" name="fabrik_referrer" value="http://localhost/sandbox/" /> 
<input type="hidden" name="fabrik_ajax" value="0" /> 
<input type="hidden" name="_packageId" value="0" /> 
<input type="hidden" name="c876e0e1fc32a13d03676778eff7c199" value="1" /> 
<input type="hidden" name="format" value="html" /> 
<input  type="hidden" name="fabrik_repeat_group[1]" value="1"  id="fabrik_repeat_group_1_counter" />    <div  class="fabrikActions"> <input type="submit" class="btn-primary btn  button save" name="submit" value="Save" />                      </div> 
</form> 
 
                        </div><!-- end main --> 
 
                    </div><!-- end wrapper --> 
 
                 
             
                    <div class="wrap"></div> 
 
                </div> <!-- end contentarea --> 
 
            </div><!-- back --> 
 
        </div><!-- all --> 
 
        <div id="footer-outer"> 
 
         
            <div id="footer-sub"> 
 
                            <div id="footer"> 
             
                     
                    <p> 
                        Powered by <a href="http://www.joomla.org/">Joomla!?</a> 
                    </p> 
 
                            </div><!-- end footer --> 
             
            </div> 
 
        </div> 
         
    </body> 
</html>

rob · Dec 12, 2012

the galerie-2 js file is acutally the index.php page, when you are using sef urls firefox will diplay it as such.

Can you point us at the page? Its hard to debug js without that?

thx
ROb

marsu95 · Dec 19, 2012

Hi Troester,

sorry for late answer (I was sick a while but now it's far good enough to be back).
Has you know, up to now I did test locally (localhost) my web updates. This is the reason why I cannot currently give you access to the updated environment.
I shall come back to you as soon as it's set up.

Regards,

marsu95 · Dec 19, 2012

one step further

Hi Rob and Troester,

I'm know a step over (and I'm a little bit confused

).
When I was rebuilding my test environment I solve part of my issues.

In fact, I discover that the cascadedropdown plugin wasn't working associated with a dropdown field. When I change the associated field as a databasejoin plugin field, then the cascadingdropdown is working perfectly.

As a consequence, the fileupload plugin is now edited correctly. No more error message is displayed in the firebug error window.

But now, I face another issue

:
The fileupload parameters are set to use ajax upload. When I select the files to be uploaded (picture.jpg size at a maximum of 50Kb) and activate the "Start upload" button, nothing happen (counter stay at 0% and the "one way" sign remain).
If I check on the server directory, the first picture is uploaded.
Please, find attached the fileupload parameter print screens.
Do you have any idea on where I may be wrong ?

Many thanks for your support.

cheesegrits · Dec 19, 2012

As Rob said in his last post, we need to see your page to debug this stuff.

-- hugh

marsu95 · Dec 21, 2012

Hi all,

I rebuild a test page on www.sportfrasnes.be/sbox-fup
In the form :

select the "Badminton" category
select one of the gallery
then add some picture (jpg, bmp) or video (.m4v, .flv) each with max 1Mb.
start upload ...

Thanks for your support.

cheesegrits · Dec 21, 2012

OK ... do you have an extension called "Attracta Include"? Among other things, it seems to insert Google Analytics in the page.

Can you turn that off, and try again?

-- hugh

marsu95 · Dec 22, 2012

Hi cheesegrits,

in fact I don't have any ATTRACTA extension but as a customer of HostPapa server I use the SEO tools of ATTRACTA.
So now I cancel the ATTRACTA service, it should no longer come as a service.

I clear the cache (server and browser) but fileUpload test is still running with same result : plugin seems to be freezed (but first file is loaded).

Backend access codes are PMed.

Regards,

troester · Dec 22, 2012

Hmm,
it's still loading https://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js

Are you running a recent GitHub code? (your cascading dropdown has a "readonly" background, this issue has been fixed recently)

cheesegrits · Dec 22, 2012

Attracta is still active. If you run Firefox, with Firebug enabled, and look at the Console tab after you hit Upload Files, you see a POST fire off to the upload plugin. After about 10 seconds, you'll see a JS error getting pitched. This is happening because the response coming back form that upload call has a bunch of Attracta code appended to it. You can see it if you open up that POST (+ sign on the left) and look at the Response tab:

Code:

{"filepath":"\/media\/debug\/001.JPG","uri":"http:\/\/www.sportfrasnes.be\/\/media\/debug\/001.JPG"}
 <!-- Begin Attracta Include 2012-11-02 08:43 -->
<script type='text/javascript'> 
function attracta_loadjs(url) {
   (function() {
       var s = document.createElement('script');
       s.type = 'text/javascript';
       s.async = true;
       s.src = url;
       var x = document.getElementsByTagName('script')[0];
       x.parentNode.insertBefore(s, x);
   })();
}
function attracta_shouldrun() {
   var v = ["/admin/","/adm/","/wp-admin/","/administrator/"];
   for (x in v) if(window.location.pathname.indexOf(v[x]) == 0) return false;
   return true;
}
function attracta_window_width() {
   if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
   if (document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetWidth ) return document.documentElement.offsetWidth;
   if (window.innerWidth) return window.innerWidth;
   return 0;
}
function attracta_window_height() {
   if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
   if (document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetHeight ) return document.documentElement.offsetHeight;
   if (window.innerHeight) return window.innerHeight;
   return 0;
}
</script>

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36042558-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

<!-- End Attracta Include 2012-11-02 08:43 -->

That response is supposed to be just that first line of JSON encoded data, which our upload JS uses. But your Attracta extension must have a system plugin which is appending that code to all server responses. And that is blowing up the JSON decoding for our upload handling.

You need to look through your J! Plugin manager, find and disable whatever plugin doing this.

If you need that plugin for adding analytics code, I suggest you contact the authors, and ask them to tweak their code so it doesn't add content to a request which has format=raw in the CGI arg ist. This is a standard format in J!, meaning that the output is not HTML.

I can't say for 100% sure if this is the only issue on your upload, but it's definitely what is preventing us from completing the housekeeping we need to do when doing AJAX uplaods.

-- hugh

GitHub 3063-448 filelupload issue on J2.5.7

New Member

Administrator

New Member

Administrator

New Member

Attachments

New Member

New Member

Administrator

New Member

Attachments

Administrator

New Member

Administrator

New Member

New Member

Attachments

Support Gopher

New Member

Support Gopher

New Member

Administrator

Support Gopher

Useful links