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 24. Sep 2018, 09:48

All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 7 posts ] 
Author Message
PostPosted: 9. Jun 2017, 20:44 
Offline

Joined: 9. Jun 2017, 19:39
Posts: 12
I've been working on this for the last two days with no good results.

Here's my shortcode (set to let the user see the iframe; by default, height gets set to 91px..unusable)
[advanced_iframe securitykey="mykey" id="dm5" width="100%" height="890" scrolling="yes" enable_external_height_workaround="true" src="http://plantertools.com/dm5/app"]

In my target index.html file I have placed the following:
<script>
var iframe_id = "dm5",
updateIframeHeight = "true",
hide_page_until_loaded_external = "true",
iframe_content_id = "#becomingfive-assessment";
</script>
<script src="http://church-multiplication.com/wp-content/plugins/advanced-iframe/js/ai_external.js"></script>

Based on reading the forum, I tried your shortcode recommendation:
[advanced_iframe securitykey="mykey" use_shortcode_attributes_only="true" src="http://plantertools.com/dm5/app" id="dm5" height="300" width="800" scrolling="no"]
But this does not work.

In fact, when I include the ai_external.js, it's consistently broken. I have it commented out at the moment so I can at least use the page.

Here's the really odd thing: it works perfectly as configured, i.e., WITH ai_external.js file and my shortcode above, on iPad and iPhone. The iframe expands nicely!

But when using the ai_external.js in my source file, the desktop version's iframe height is set to 91px.

Initial Wordpress page: http://church-multiplication.com/disciplemaker/

Greatly appreciate your support!


Top
 Profile  
 
PostPosted: 10. Jun 2017, 22:31 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10896
iframe_content_id = "#becomingfive-assessment";

alone does not make sense to me.

but you have set #becomingfive-assessment in the administration as element to measure in the ai_external.js
I see the settings in ai_external.js so you don't need anything before ai_external.js if you use the administration.

And also can you check your javascript console for errors?

Can you create a page for me where I can see the error?
Have you checked
4. Done. Click here if it does not work.
?

Best, Michael


Top
 Profile  
 
PostPosted: 11. Jun 2017, 11:12 
Offline

Joined: 9. Jun 2017, 19:39
Posts: 12
I removed the additional variable declaration.

Yes, I did check #4, and again just now. ai_external is showing up in the network panel.

There are no errors in the console.

You can view this at http://church-multiplication.com/disciplemaker/

Very weird that is works on smaller devices, seems like the resize event is being captured on desktop.


Top
 Profile  
 
PostPosted: 11. Jun 2017, 15:15 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10896
at http://plantertools.com/dm5/app/#/reglogin ther is still the script not enabled....
So nothing I can check...

Best, Michael


Top
 Profile  
 
PostPosted: 11. Jun 2017, 22:37 
Offline

Joined: 9. Jun 2017, 19:39
Posts: 12
I've setup a test page for you.

http://church-multiplication.com/ai-test-page/

What you will see is a very small iframe that is rather impossible to use.

Please let me know if this works for you and if you have ideas for fixing it.


Top
 Profile  
 
PostPosted: 11. Jun 2017, 23:08 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 10896
I see a iframe width a fixed height because of

iframe#dm5 {
height: 884px !important;
}

in your style sheet!

Also it is a angular js website. A single page application where no onload event is fired for the other pages...

you need to configure "resize on element resize!"

See
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/resize-on-element-resize

var resize_on_element_resize = "#becomingfive-assessment";
var resize_on_element_resize_delay = "100";

Best, Michael


Top
 Profile  
 
PostPosted: 11. Jun 2017, 23:32 
Offline

Joined: 9. Jun 2017, 19:39
Posts: 12
Fantastic!

The answer:
var resize_on_element_resize = "#becomingfive-assessment";
var resize_on_element_resize_delay = "100";

Thanks VERY much!


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

All times are UTC + 1 hour [ DST ]


Who is online

Users browsing this forum: No registered users and 3 guests


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