Hello,

I've enabled front end editing for vlhs.com/.

I'm having an issue with the modal window not loading. Instead, the editor is loading in the parent window (non modal) as a new page. The only JS error that I'm seeing is tied to modal.js and squeezebox with a line number in the low 70's or high 60's depending on the browser. This wouldn't be an issue if I could close the window without locking the item. The lines in question are:

menuFx: {duration: 150, transition: Fx.Transitions.Quad.easeOut},
pillFx: {duration: 400, transition: Fx.Transitions.Back.easeOut}

and I get the following errors:
Chrome - Uncaught SyntaxError: Unexpected token ILLEGAL
Safari - SyntaxError: At least one digit must occur after a decimal point
Firefox - SyntaxError: identifier starts immediately after numeric literal

All three errors are tied to those lines and is the only JS related error on the page.
It would be really nice of someone to let me know how to resolve the issue so that I can use the modal popup to allow my client to front end edit their articles, or how I could close the non modal page without locking the item.

Thanks in advance

I have a very similar issue on another upcoming site:

newpages.ohno.ws

This one seems to tie to mootools. I get this error.

Uncaught TypeError: undefined is not a function modal.js:11
SqueezeBox.assign modal.js:11
(anonymous function) 27-boulevard-no29:40
(anonymous function) mootools-core.js:121
(anonymous function) mootools-core.js:5
Array.implement.each mootools-core.js:9
invoke.fireEvent mootools-core.js:120
j mootools-core.js:175

I disabled mootools via plugin and the error in console disappears but I am still unable to have the modal window appear when I click "edit." I'm still ending up in the non modal new page that I can't close without locking the item.

Hi. Try to disable some third-party extensions until you spot the real error. The core Joomla! functions do work, so probably something else is breaking the scripts. A thing to try would be to disable GZIP compression. Most templates do this incorrect causing several issues.

I disabled all Joomla non stock plugins.

They were:
Content - Widgetkit
Editor - JCE
Quickicon - JCE File Browser
System - Widgetkit
System - Widgetkit Joomla
System - Jquery Easy
System - Roksprocket
System - Rokcommon

(The site is in very early development)

I also switched my template back to Beez3 and tried to edit the page. No such luck. Still no modal window. I tried while having K2 load Jquery and while having it set to not load Jquery. I also had GZIP off during all of this.

I didn't say to disable just plugins. I said about third-party extensions in general. This includes modules. Try append "?template=system" to the URL and load the page. Check if it works. If it does, then the issue is caused by a module or your template.

Thank you for the help Lefteris,

When I append a url with "?template=system" the modal window does work. I went into extension manager and disabled all site side, non K2 extensions (not just plugins this time thanks for pointing that out) including the template we were using. The only extensions left enabled are administration side extensions, locked extensions, and the following:



My plan was to disable everything so the modal window would begin working and then reenable extensions one by one but the modal window doesn't work with everything disabled. Could the modal window not loading be connected to the administration side extensions?

Enable again all the disabled extensions. Then try to disable one by one the modules that appear in the page where the the edit link is. Have you tried to disable GZIP as i suggested before?

Sorry it took so long for me to get back to this. Had some other projects come up that needed immediate attention.

Gzip is Disabled.

I'll try turning all modules off on the page in question. Would that make a difference though as one of the extensions that I turned off was the load module extension?

Our server is running PHP 5.3.17 the only bit that I could find in the docs about requirements said that only PHP 5.2 was required but could that be a potential cause for the failure?

This has nothing to do with your server or the PHP version it uses. This has to do with a javascript error. One of your site's extensions is causing this and breaking all the others. Since it works with "template=system" then the error might also come from your template. In any case you need to find where the error comes from.

I found the culprit.


var $$ = jQuery;
$$(window).scroll(function() {
// find the id with class 'active' and remove it
$$(".tm-navbar").removeClass("sticky");
$$(".tm-toolbar").removeClass("pushdown")
// get the amount the window has scrolled
var scroll = $$(window).scrollTop();
var scroll = $$(window).scrollTop();
// add the 'active' class to the correct id based on the scroll amount
if (scroll >= 165) {
$$(".tm-navbar").addClass("sticky");
$$(".tm-toolbar").addClass("pushdown");
}
});

I took this bit out and modal view works now. Any idea why this would break K2 though? It's kind of necessary to the way the menu functions.


Edit: Nevermind, it was the double, " var scroll = $$(window).scrollTop();" Thanks a ton for being so patient with me!