[SOLVED] FE-form > file list popup not in popup anymore

kath
Topic Author
Offline
Platinum Member

9 years 3 months ago - 9 years 3 months ago #57156 by kath

[SOLVED] FE-form > file list popup not in popup anymore was created by kath

hi there,

[my problem]
"suddenly", in my frontend-submit-form, the btn 'select image' does something like window.location = [...]/index.php?option=com_flexicontent&view=fileselement&tmpl=component&layout=image&filter_secure=M&folder_mode=1&field=39&u_item_id=16&targetid=custom_gallery_0_existingname&thumb_w=210&thumb_h=100&autoassign=1&8bb053b03a743443be9f8f74da1ce763=1
instead of opening the filelist/uploader in its a popup.

[question]
is there a specific javascript missing?

[details]
I just updated joomla from 3.4.3 to 3.4.4. then I updated FC from 3.0.x to 3.0.8
I have a customized form.php, which I copied from the newly installed FC-views-folder to /templates/[...]/html/com_flexicontent/item/form.php
Website-FE uses ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.js , the is no other jquery loaded. mootools is loaded.

[setup]
J 3.4.4
FC 3.0.8

thanks a lot and best regards.

Last edit: 9 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

9 years 3 months ago #57157 by ggppdk

Replied by ggppdk on topic FE-form > file list popup not in popup anymore

Hello

the popup is jQuery based

it will not open in popup if page has JS errors

1. make sure you have latest CSS / JS , by clicking CTRL-F5 (windows) or similar after opening the item form

2. open browser console (e.g. CTRL-SHIFT-K in mozilla) and click "JS" and the refresh the item form
do you get an JS errors ?
(warnings should be in yellow and errors in red)

3. if no errors, the click to open the image popup
do you get and JS errors ?

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

kath
Topic Author
Offline
Platinum Member

9 years 3 months ago #57160 by kath

Replied by kath on topic FE-form > file list popup not in popup anymore

yes, i get 'container.dialog is not a function' [flexi-lib.js line 73]. (sorry, error had disappeared quickly due to page load before.)

page loads scripts in this order (appreviated):
"//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"
"/plugins/system/jqueryeasy/jquerynoconflict.js"
"/media/system/js/mootools-core.js"
"/media/system/js/core.js"
"/media/system/js/mootools-more.js"
"/media/system/js/punycode.js"
"/media/system/js/validate.js"
"/media/system/js/html5fallback.js"
"/media/jui/js/jquery.ui.core.min.js"
"/media/jui/js/jquery.ui.sortable.min.js"
"/media/jui/js/bootstrap.min.js"
"/components/com_flexicontent/librairies/select2/select2.min.js"
"/components/com_flexicontent/librairies/select2/select2_locale_de.js"
"/components/com_flexicontent/assets/js/flexi-lib.js"
"/components/com_flexicontent/assets/js/admin.js"
"/components/com_flexicontent/assets/js/validate.js"
"/components/com_flexicontent/assets/js/itemscreen.js"
"/components/com_flexicontent/librairies/prettyCheckable/dev/prettyCheckable.js"
"/components/com_flexicontent/assets/js/tabber-minimized.js"

Please Log in or Create an account to join the conversation.

kath
Topic Author
Offline
Platinum Member

9 years 3 months ago - 9 years 3 months ago #57161 by kath

Replied by kath on topic FE-form > file list popup not in popup anymore

in page source, i also see these two similar snippets. is there something else loaded twice?

Code:

// Add jQuery modal window to the select image file button
jQuery('a.addfile_39').each(function(index, value) {
	jQuery(this).on('click', function() {
		var url = jQuery(this).attr('href');
		fc_field_dialog_handle_39 = fc_showDialog(url, 'fc_modal_popup_container');
		return false;
	});
});

and

Code:

jQuery(document).ready(function() {
	jQuery('a.addfile_39').each(function(index, value) {
		jQuery(this).on('click', function() {
			var url = jQuery(this).attr('href');
			fc_field_dialog_handle_39 = fc_showDialog(url, 'fc_modal_popup_container');
			return false;
		});
	});
});

Last edit: 9 years 3 months ago by ggppdk.

Please Log in or Create an account to join the conversation.

ggppdk
Offline
Administrator

9 years 3 months ago - 9 years 3 months ago #57169 by ggppdk

Replied by ggppdk on topic FE-form > file list popup not in popup anymore

Hello

the JS code is not related to your issue
- 1 part of the code is executed after document load,
- the other during user interaction
(but i see that we can make a small performance improvement in our JS code)

about 'container.dialog is not a function'
-- i see that some JS files are missing

1 .make sure that JQUERYEASY is not removing these files from your page:

Code:

<script src="/components/com_flexicontent/librairies/jquery/js/jquery-ui/jquery.ui.dialog.min.js" type="text/javascript"></script>
<script src="/components/com_flexicontent/librairies/jquery/js/jquery-ui/jquery.ui.menu.min.js" type="text/javascript"></script>
<script src="/components/com_flexicontent/librairies/jquery/js/jquery-ui/jquery.ui.autocomplete.min.js" type="text/javascript"></script>

2. Also about jQuery version, you are loading correct version, but better configure JQUERYEASY to use the file included via Joomla

-- also test without jQueryEasy

Last edit: 9 years 3 months ago by ggppdk.

The following user(s) said Thank You: kath

Please Log in or Create an account to join the conversation.

kath
Topic Author
Offline
Platinum Member

9 years 3 months ago #57183 by kath

Replied by kath on topic FE-form > file list popup not in popup anymore

Indeed, those 3 scripts and jQueryUI's css were missing. Adding them via jQueryEasy fixed it.
(Eventhough i don't know why they were since the update "lost", it's good now