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 28. Mar 2024, 16:12

This forum is readonly now. Please use the new forum if you don't find the answer to your question here. The new forum is at https://www.tinywebgallery.com/blog/forum/


All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 6 posts ] 
Author Message
PostPosted: 13. Apr 2015, 19:06 
Offline
User avatar

Joined: 13. Apr 2015, 18:55
Posts: 52
Dear mr,

I have purchased iFrame pro a few days ago especially for auto-resize and the auto-zoom functionality.
Everything seems to work except these two functions.

Look at page http://www.mitcon.cw/index.php/extravestiging-login/ where the contents of the iFrame are too long to fit.

This page contains an iFrame with th shortcode as stated below and should be resized to its contents height as I could find in the dox and sample pages. I have added the delay to see if that worked, but unfortunately it did not.

[advanced_iframe securitykey="mycode" use_shortcode_attributes_only="true" src="http://webshopwp.mitcon.cw/SignOn.aspx" width="100%" height="600" scrolling="no" id="EVWebshop" name="EVWebshop" onload_resize="true" onload_resize_delay="500"]

Somehow the height of the iFrame stays 600 and is not resized to the contents of the iFrame.
Any clue what is going wrong and what I can do/try to get the auto-height working?

Next to this, when adding 'auto_zoom="same"' to the shortcode, the page is shown and then immediately erased. I guess it seems that javascript cannot determine the exact height or width of the content of the iFrame and resizes to 0...

Using Chrome BTW...

Hope you can help me, regards, Marc Verkade

_________________
Greetings from sunny Curaçao!


Top
 Profile  
 
PostPosted: 13. Apr 2015, 19:57 
Offline
Site Admin
User avatar

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

The solution is simple:
http://www.mitcon.cw/index.php/extravestiging-login/
and
http://webshopwp.mitcon.cw/SignOn.aspx

are different domains for the browser! The sub domains also have to match.
Also see the new quickstart guide video tutorial ;).
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-video-tutorials

You need to use the external workaound to get the features you want to have.

Best, Michael


Top
 Profile  
 
PostPosted: 13. Apr 2015, 20:49 
Offline
User avatar

Joined: 13. Apr 2015, 18:55
Posts: 52
Hey Michael,

I was struggling with iFrame Cookies too and domains.
So I guess I missed the part 'sub' of the word 'subdomains' for iFrames resizing.
I changed IIS so the webshop is available at www.mitcon.cw/webshop and it works great now!!!
Major thanx for this good support!

[advanced_iframe securitykey="mycode" use_shortcode_attributes_only="true" src="http://www.mitcon.cw/webshop/SignOn.aspx" width="100%" height="600" scrolling="no" id="EVWebshop" name="EVWebshop" auto_zoom="same" onload_resize="true" onload_resize_delay="100" enable_responsive_iframe="true" ]

Regards, Marc

_________________
Greetings from sunny Curaçao!


Top
 Profile  
 
PostPosted: 13. Apr 2015, 21:24 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
;).


Top
 Profile  
 
PostPosted: 14. Apr 2015, 05:05 
Offline
User avatar

Joined: 13. Apr 2015, 18:55
Posts: 52
Hai Michael,

I have two last questions... Sorry to bother you...

1 I want to set the minimum height of an iFrame to 600px. So even when the content height of the iFrame is less, it should take 600px as height.
I have adjusted the function aiGetIframeHeight(obj) in ai.js which works. But... Is this the right place and way to do this?

Code:
function aiGetIframeHeight(obj) {
      var bodyHeight = Math.max(obj.contentWindow.document.body.scrollHeight,
       obj.contentWindow.document.body.offsetHeight,
       obj.contentWindow.document.documentElement.scrollHeight,
       obj.contentWindow.document.documentElement.offsetHeight);
       var newheight = bodyHeight + aiExtraSpace;

       // MLV Workaround to get minimum 600px height
       if (newheight<600)
       {
          newheight=600;
       }
       return newheight;
}


2 I want to resize the contents of the iFrame only when the site is running on an iPad/tablet or mobile phone. So only resize the contents when the canvas comes below a certain treshold (like 800px, but not when the site is running in a browser and the width of the browser > 800px. I have been struggling with this and try to make some adjustments in ai.js but for now no luck. I have looked in the forum but could nog find an answer on this. Perhaps you can point me in the right direction?

Thanx in advance for your effort and energy!
Regards, Marc

_________________
Greetings from sunny Curaçao!


Top
 Profile  
 
PostPosted: 14. Apr 2015, 09:16 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
1. is fine. But try adding a min-height to the iframe. Because than you can do this without changing any code.
2. Use the browser detection to generate different iframes depending on the device. On my todo list is to generate different iframes depending on the iframe width. But this will be a feature of 6.5 and I'm not even sure how to solve this ;).

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: Bing [Bot] and 8 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:
cron
powered by phpbb | Datenschutz/ Privacy policy