Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Get help for TinyWebGallery, the best image gallery. The forum is also home for the Joomla JFUploader, TWG Flash Uploader and the Wordpress flash uploader.
It is currently 19. Jun 2018, 07:11

All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 6 posts ] 
Author Message
 Post subject: Error in mobile
PostPosted: 13. Jun 2017, 23:22 
Offline

Joined: 13. Jun 2017, 22:57
Posts: 8
Good day,

I have some problems to properly run the plugin.

I have the following configuration:
[Advanced_iframe securitykey = "ac8e970de5ceb72c8b17fd563154acdf524f9194" src = "https://renta.autoscancun.com" use_shortcode_attributes_only = "true" width = "100%" height = "900" scrolling = "auto" enable_ios_mobile_scolling = "true" id = "advanced_iframe "Resize_on_ajax_jquery =" false "resize_on_click =" 100 "resize_on_element_resize =" body "resize_on_element_resize_delay =" 100 "enable_external_height_workaround =" true "enable_external_height_workaround =" true "

Works well on the computer but on the cell phone loses responsive design

I am configuring it as if it were in another domain the iframe.

The chrome console gives me the following error:

Uncaught TypeError: Can not read property 'scrollHeight' of null
     At aiExecuteWorkaround_advanced_iframe (ai_external.js: 157)

Thank you very much and I hope you can help me.


Top
 Profile  
 
 Post subject: Re: Error in mobile
PostPosted: 14. Jun 2017, 00:00 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10833
Hi,

in https://renta.autoscancun.com I don't see a ai_external.js included.
And what is the parent? Can I see the problem somewhere?

And do you really use the shortcode you posted? Because there are many wrong spaces and attributes which do not make sense as they are only for the same domain!
You should get many more errors on the Javascript console...

the error you normally get if you have defined an element to measure that does not exist.
So what have you configured for the external workaround?

Best, Michael


Top
 Profile  
 
 Post subject: Re: Error in mobile
PostPosted: 14. Jun 2017, 00:14 
Offline

Joined: 13. Jun 2017, 22:57
Posts: 8
Hi Michael, thank you for your prompt response,

I was doing some tests so you do not see the code. What I need is that the page autoscancun.com contain in an iframe the page renta.autoscancun.com. Simple :)

Ideally, it should be the same as "Example 27: Resize on element resize on a different domain" It is what I need but I do not achieve it.

Right now I have this code:

Code:
[Advanced_iframe securitykey = "ac8e970de5ceb72c8b17fd563154acdf524f9194" use_shortcode_attributes_only = "true" src = "https://renta.autoscancun.com" width = "800" height = "100" scrolling = "no" id = "example27" pass_id_by_url = "ai_id" ]


Trying to stay the same and I have all this code before the tag </ body>

Code:
<Script>
Var updateIframeHeight = "true";
Var hide_page_until_loaded_external = "true";
Var write_css_directly = "true";
Var resize_on_element_resize = "#content";
Var resize_on_element_resize_delay = "100";
Var iframe_url_id = "ai_id";
Var iframe_hide_elements = "# iframe-header, # iframe-footer";
</ Script>
<Script src = "https://www.autoscancun.com/wp-content/plugins/advanced-iframe/js/ai_external.js"> </ script>


I will open the site so you can see the changes in the following url: https://www.autoscancun.com/crs


Top
 Profile  
 
 Post subject: Re: Error in mobile
PostPosted: 14. Jun 2017, 00:38 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10833
please check your administration.

you have defined element_to_measure="body" there! And this is saved to ai_external.js.

See the documentation:
You can use the id directly here or you can also a valid jQuery selector pattern here that start with # or .

Means only ids and classes are avlid here!

body is NOT a valid setting here! using "default" is what you should use!

So currently auto height does not work on desktop because of this wrong setting!
Also check your settings!

If you only need autoheight simply set it in the administration

stuff like
Var updateIframeHeight = "true";
Var hide_page_until_loaded_external = "true";
Var write_css_directly = "true";
Var resize_on_element_resize = "#content";
Var resize_on_element_resize_delay = "100";
Var iframe_url_id = "ai_id";
Var iframe_hide_elements = "# iframe-header, # iframe-footer";
</ Script>

is only needed if you have DIFFERENT settings for different iframe!

then

[advanced_iframe securitykey = "ac8e970de5ceb72c8b17fd563154acdf524f9194" use_shortcode_attributes_only = "true" src = "https://renta.autoscancun.com" width = "800" height = "100"]

works fine. you should set height="100" to a initial value which is better as the resize can happen after the page is fully loaded!


Best, Michael


Top
 Profile  
 
 Post subject: Re: Error in mobile
PostPosted: 14. Jun 2017, 01:13 
Offline

Joined: 13. Jun 2017, 22:57
Posts: 8
Already it is being little by little and the result is being well.

With this Shortcode:

Code:
[Advanced_iframe securitykey = "ac8e970de5ceb72c8b17fd563154acdf524f9194" use_shortcode_attributes_only = "true" src = "https://renta.autoscancun.com" width = "100%" height = "100" scrolling = "no" pass_id_by_url = "ai_id"]


And these configurations:

Code:
<Script>
Var updateIframeHeight = "true";
Var hide_page_until_loaded_external = "true";
Var write_css_directly = "true";
Var resize_on_element_resize_delay = "100";
</ Script>
<Script src = "https://www.autoscancun.com/wp-content/plugins/advanced-iframe/js/ai_external.js"> </ script>


It works fine only on the iPhone the first page does not fit the content. The others if they fit and the height is adjusted perfectly.

But on the cell phone the first screen does not fit.

Any ideas?


Top
 Profile  
 
 Post subject: Re: Error in mobile
PostPosted: 14. Jun 2017, 08:38 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10833
https://www.autoscancun.com/crs is not working anymore...

you still have configuration errors as far as I can see:

remove pass_id_by_url = "ai_id"

[advanced_iframe securitykey = "ac8e970de5ceb72c8b17fd563154acdf524f9194" use_shortcode_attributes_only = "true" src = "https://renta.autoscancun.com" width = "100%" height = "100" scrolling = "no"]

in ai_external.js you have also defined
var resize_on_element_resize = 'default';
which is wrong.

Please note! All settings with a save icon in the administration are saved to ai_external.js! In you case you should not need to define anything before the ai_external.js but do this completely in the administration.

Is cell phone iphone for you?

Best, Michael


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 6 posts ] 

All times are UTC + 1 hour [ DST ]


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
powered by phpbb | Datenschutz/ Privacy policy