Javascript inside inline page not working

unknownmrb's picture
unknownmrb
Thu, 07/28/2016 - 04:24
#1
Javascript inside inline page not working

Hi there, 

I bought the MD Phoenix Drupal theme which includes MD Portfolio. I love it and it works fine so far. 

However, I'm using the module "Viewfield" to display a view (a slideshow based on the module "field slideshow" and jquery.cycle) on the node that will be shown as inline page when I click on the "more info" button in the caption of each MD portfolio item. The node displays fine in the inline page but the slideshow does not cycle are run at all. I just shows the first image. I think this is because the corresponding jquery files are not loaded and the slideshow is not processed when the page is loaded as an inline page. I did some other tests as well and it really looks like the inline page functionality does not load and process jquery/javascript files and functions that are required on the content page that is being loaded. What can I do to make this work? 

Thanks in advance and best regards,
Mark

phuonght's picture
phuonght
Thu, 07/28/2016 - 04:50

Hi Mark,

As you mentioned, js function will not process when loading ajax if you put it in

$( document ).ready(function() {
// js function
});

function only runs at the first loading page so to make it works when loading ajax also, we think you need to put it in Drupal.Behavior.

Please take a look at https://www.drupal.org/node/171213.

If problem still exits, you can please send us your site admin account and FTP account by private comment. We would like to have a check then fix it.

unknownmrb's picture
unknownmrb
Thu, 07/28/2016 - 07:20

Hi Phuonght,

I checked the JavaScript of the "Field Slideshow" Module, which I'm using to display the slideshow. It already uses Drupal.Behavior to call its function, so that cannot be the problem. The problem I think is that the respective JavaScript files (field_slideshow.js and jquery.cycle.js) are not loaded at all since there is no element on the page that requires them, until clicking the "More info" button which loads the node in an inline page. At this point, the necessary js files would have to be loaded but they are not. So I think the problem lies somewhere in the inline page loading function.

I tried to always load the necessary js files by putting them directly in the html header, but still nothing happens as the functions do not seem to be called.

Unfortunately we are in the local development phase at the moment so I don't have an FTP connection to share. But I hope you can help me anyway.

Thanks and best regards,
Mark

phuonght's picture
phuonght
Thu, 09/22/2016 - 06:00

Hi,

We fixed. Check your site please.

unknownmrb's picture
unknownmrb
Thu, 09/22/2016 - 06:57

It works, thank you! However, the isotope grid wraps around strangely, when a new row starts. This is not the case on the node page. There, the grid wraps aroudn symetrically. Do you know why this happens or how it can be fixed?

Can you tell me what you did to fix the problem so I can retake the necessary steps if the problem appears again in the future (e.g. through updates of module or the core)

Thanks a lot!

Mark 

phuonght's picture
phuonght
Fri, 09/23/2016 - 03:58

You can please check file sites/all/themes/md_phoenix/js/front/custom.js,  lines from 354 to see how we fixed problem.

Also, it seems that you override file .htaccess causing clean url not working. Please remember to re-add file .htaccess when you finish all works in site.

unknownmrb's picture
unknownmrb
Thu, 11/03/2016 - 08:47

Thanks so much, it is working now :)

However, another problem appeared: Suddenly the Google Maps Object does not work anymore. The is an error regarding missing APIs...? Can you check that? The only thing I can do when configuring the block ist setting the location...

Thanks a lot in advance :)

Mark

phuonght's picture
phuonght
Thu, 11/03/2016 - 22:40

Please take a look at solution at topic http://megadrupal.com/comment/12899#comment-12899. You need to replace your map API key with default key.

unknownmrb's picture
unknownmrb
Tue, 11/15/2016 - 08:28

Thank you, it works!

I have another problem: I'm using AweContent for the one-page front-page and I've set background pictures for the individual sections. However, when viewing the website on an iPad oder iPhone, the background pictures are not scaled to fit the screen. I only see a very small, pixelated piece of each image. A few weeks ago it worked. Do you know why this is and can you tell me how to fix it?

Thanks Mark

phuonght's picture
phuonght
Tue, 11/15/2016 - 21:56

Please try to change responsive settings at menu "Responsive" in Awecontent edit mode and check if it works.

unknownmrb's picture
unknownmrb
Tue, 11/22/2016 - 05:14

When I use the "responsive" mode in Awecontent edit it works. But when viewing the website from an actual mobile device (iphone, ipad) it does not work.

khoa's picture
khoa
Tue, 11/22/2016 - 22:12

Hi,

Can you please give me a demo link to describe your issue?

Thanks!

khoa's picture
khoa
Thu, 11/24/2016 - 09:30

Hi there,

I have logged into your FTP server. However, I found that there are so many drupal 7 source code here. So can you please let me know the name of the source code that goes with this www.markryan.de?

Thank you!

phuonght's picture
phuonght
Mon, 11/28/2016 - 03:55

Hi,

We fixed problem 2. About the first one, we checked but could not see any problem with background image on mobile.

Can you please send us some screenshots?

khoa's picture
khoa
Tue, 11/29/2016 - 09:00

Hi,

Can you please create a dev site that cloned from main site. I have to debug and change something so I need a dev site.

Thank you!

unknownmrb's picture
unknownmrb
Thu, 12/01/2016 - 15:01

[Edit] Found a workaround, so this its fine. But generally the probem exists.

Hey guys! more and more problems are appearing. I now created a second MD portfolio block, called "Team MD". When I want to use it in AWEcontent, the block does not appear in the list of available blocks. What do I have to do to use the block in Awecontent? The other MD Portfolio called "Autoren" appears in AWEContent and can be used that way (in fact this is how have been using this block the whole time).

Thanks for your help!

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.