Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum
https://www.tinywebgallery.com/forum/

Error in mobile
https://www.tinywebgallery.com/forum/viewtopic.php?f=21&t=4352		 Page 1 of 1
Author:  jacruztin [ 13. Jun 2017, 23:22 ]
Post subject:  Error in mobile
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.
Author:  TinyWebGallery [ 14. Jun 2017, 00:00 ]
Post subject:  Re: Error in mobile
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
Author:  jacruztin [ 14. Jun 2017, 00:14 ]
Post subject:  Re: Error in mobile
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
Author:  TinyWebGallery [ 14. Jun 2017, 00:38 ]
Post subject:  Re: Error in mobile
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
Author:  jacruztin [ 14. Jun 2017, 01:13 ]
Post subject:  Re: Error in mobile
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?
Author:  TinyWebGallery [ 14. Jun 2017, 08:38 ]
Post subject:  Re: Error in mobile
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
Page 1 of 1 All times are UTC + 1 hour [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/